From 8a16bb718a7d8555b4e6b95e844481c379055fa8 Mon Sep 17 00:00:00 2001 From: medilies Date: Sat, 9 Jul 2022 20:29:39 +0100 Subject: [PATCH] New Hero section --- package-lock.json | 81 +- package.json | 1 + source/_assets/css/main.css | 34 + source/_assets/js/hero_blob.js | 16 + source/_assets/js/main.js | 2 + .../Information_flow_Monochromatic.blade.php | 248 + source/_pages/index.blade.php | 50 +- source/assets/build/css/main.css | 1481 ++- source/assets/build/js/main.js | 9096 ++++++++++++++++- source/assets/build/mix-manifest.json | 4 +- .../svgs/Information_flow_Monochromatic.svg | 161 + ...Information_flow_Monochromatic_grouped.svg | 140 + tailwind.config.js | 19 + 13 files changed, 11316 insertions(+), 17 deletions(-) create mode 100644 source/_assets/js/hero_blob.js create mode 100644 source/_components/svg/Information_flow_Monochromatic.blade.php create mode 100644 source/assets/svgs/Information_flow_Monochromatic.svg create mode 100644 source/assets/svgs/Information_flow_Monochromatic_grouped.svg diff --git a/package-lock.json b/package-lock.json index 665ec43..ff9c575 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "elaborate-code.github.io", + "name": "jigsaw", "lockfileVersion": 2, "requires": true, "packages": { @@ -7,6 +7,7 @@ "dependencies": { "alpinejs": "^3.10.2", "fast-glob": "^3.2.11", + "kute.js": "^2.2.4", "lazysizes": "^5.3.2", "particles.js": "^2.0.0" }, @@ -1800,6 +1801,16 @@ "dev": true, "license": "MIT" }, + "node_modules/@thednp/bezier-easing": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@thednp/bezier-easing/-/bezier-easing-1.0.1.tgz", + "integrity": "sha512-wC3UYMnhvEV6Fw77ZbKGW7NqKGX0R+GgMbhA3AZs3b72lvinvS4s9oEmjg6Mku3mqaCtjaR1H1lxOmftY5oZ1g==" + }, + "node_modules/@thednp/shorty": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@thednp/shorty/-/shorty-1.0.3.tgz", + "integrity": "sha512-PPaERUGmRpi2eWxYUV5yv/pvalPgPOjwKRmRqGMWGuV8xgkvxgtjKIiFJA2D2ei4l4Ih9mEBktDg6Z9+y+To9Q==" + }, "node_modules/@trysound/sax": { "version": "0.2.0", "dev": true, @@ -3916,6 +3927,11 @@ "url": "https://github.com/fb55/domhandler?sponsor=1" } }, + "node_modules/dommatrix": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/dommatrix/-/dommatrix-1.0.3.tgz", + "integrity": "sha512-l32Xp/TLgWb8ReqbVJAFIvXmY7go4nTxxlWiAFyhoQw9RKEOHBZNnyGvJWqDVSPmq3Y9HlM4npqF/T6VMOXhww==" + }, "node_modules/domutils": { "version": "2.8.0", "dev": true, @@ -5596,6 +5612,17 @@ "node": ">= 8" } }, + "node_modules/kute.js": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/kute.js/-/kute.js-2.2.4.tgz", + "integrity": "sha512-M63qfJplLT/1+qeRdFtHimC0D4fqUyRqHJcsnWWTY9s+isB6TsNNx/oSR2XzMm4CsY9Rvqurd+xUYSyJggmhbQ==", + "dependencies": { + "@thednp/bezier-easing": "^1.0.1", + "@thednp/shorty": "^1.0.3", + "minifill": "^0.0.17", + "svg-path-commander": "1.0.5" + } + }, "node_modules/laravel-mix": { "version": "6.0.49", "dev": true, @@ -6183,6 +6210,11 @@ "url": "https://opencollective.com/webpack" } }, + "node_modules/minifill": { + "version": "0.0.17", + "resolved": "https://registry.npmjs.org/minifill/-/minifill-0.0.17.tgz", + "integrity": "sha512-tV56LFXsi8vjH4tUExtlu8aPKKQw/U/mn4OIrDU9x30H+9sP8/dWFbXzkAPmcH6o+9fho98kyafnk4VgQViYQQ==" + }, "node_modules/minimalistic-assert": { "version": "1.0.1", "dev": true, @@ -8535,6 +8567,14 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/svg-path-commander": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/svg-path-commander/-/svg-path-commander-1.0.5.tgz", + "integrity": "sha512-hhQfARVXoPrwwe4DNPWM4hjQLK7rTxwQ+TUc5mxoe5g0k5eStc4SPnKqmivlm/dzZ98bI+yDyKye92n2t+oOiQ==", + "dependencies": { + "dommatrix": "^1.0.3" + } + }, "node_modules/svgo": { "version": "2.8.0", "dev": true, @@ -10673,6 +10713,16 @@ "version": "3.1.0", "dev": true }, + "@thednp/bezier-easing": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@thednp/bezier-easing/-/bezier-easing-1.0.1.tgz", + "integrity": "sha512-wC3UYMnhvEV6Fw77ZbKGW7NqKGX0R+GgMbhA3AZs3b72lvinvS4s9oEmjg6Mku3mqaCtjaR1H1lxOmftY5oZ1g==" + }, + "@thednp/shorty": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@thednp/shorty/-/shorty-1.0.3.tgz", + "integrity": "sha512-PPaERUGmRpi2eWxYUV5yv/pvalPgPOjwKRmRqGMWGuV8xgkvxgtjKIiFJA2D2ei4l4Ih9mEBktDg6Z9+y+To9Q==" + }, "@trysound/sax": { "version": "0.2.0", "dev": true @@ -12169,6 +12219,11 @@ "domelementtype": "^2.0.1" } }, + "dommatrix": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/dommatrix/-/dommatrix-1.0.3.tgz", + "integrity": "sha512-l32Xp/TLgWb8ReqbVJAFIvXmY7go4nTxxlWiAFyhoQw9RKEOHBZNnyGvJWqDVSPmq3Y9HlM4npqF/T6VMOXhww==" + }, "domutils": { "version": "2.8.0", "dev": true, @@ -13234,6 +13289,17 @@ "version": "2.0.5", "dev": true }, + "kute.js": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/kute.js/-/kute.js-2.2.4.tgz", + "integrity": "sha512-M63qfJplLT/1+qeRdFtHimC0D4fqUyRqHJcsnWWTY9s+isB6TsNNx/oSR2XzMm4CsY9Rvqurd+xUYSyJggmhbQ==", + "requires": { + "@thednp/bezier-easing": "^1.0.1", + "@thednp/shorty": "^1.0.3", + "minifill": "^0.0.17", + "svg-path-commander": "1.0.5" + } + }, "laravel-mix": { "version": "6.0.49", "dev": true, @@ -13644,6 +13710,11 @@ } } }, + "minifill": { + "version": "0.0.17", + "resolved": "https://registry.npmjs.org/minifill/-/minifill-0.0.17.tgz", + "integrity": "sha512-tV56LFXsi8vjH4tUExtlu8aPKKQw/U/mn4OIrDU9x30H+9sP8/dWFbXzkAPmcH6o+9fho98kyafnk4VgQViYQQ==" + }, "minimalistic-assert": { "version": "1.0.1", "dev": true @@ -15109,6 +15180,14 @@ "version": "1.0.0", "dev": true }, + "svg-path-commander": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/svg-path-commander/-/svg-path-commander-1.0.5.tgz", + "integrity": "sha512-hhQfARVXoPrwwe4DNPWM4hjQLK7rTxwQ+TUc5mxoe5g0k5eStc4SPnKqmivlm/dzZ98bI+yDyKye92n2t+oOiQ==", + "requires": { + "dommatrix": "^1.0.3" + } + }, "svgo": { "version": "2.8.0", "dev": true, diff --git a/package.json b/package.json index 4202829..40a8417 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "dependencies": { "alpinejs": "^3.10.2", "fast-glob": "^3.2.11", + "kute.js": "^2.2.4", "lazysizes": "^5.3.2", "particles.js": "^2.0.0" } diff --git a/source/_assets/css/main.css b/source/_assets/css/main.css index 939b3ec..cff3c22 100644 --- a/source/_assets/css/main.css +++ b/source/_assets/css/main.css @@ -6,6 +6,40 @@ display: none !important; } +.custom-shape-divider-top-1657217003 { + position: absolute; + top: 0; + left: 0; + width: 100%; + overflow: hidden; + line-height: 0; +} + +.custom-shape-divider-top-1657217003 svg { + position: relative; + display: block; + width: calc(107% + 1.3px); + height: 83px; +} + +/* */ +.custom-shape-divider-bottom-1657220297 { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + overflow: hidden; + line-height: 0; +} + +.custom-shape-divider-bottom-1657220297 svg { + position: relative; + display: block; + width: calc(100% + 1.3px); + height: 48px; + transform: rotateY(180deg); +} + @layer components { /* ! URL issues */ .hero-bg { diff --git a/source/_assets/js/hero_blob.js b/source/_assets/js/hero_blob.js new file mode 100644 index 0000000..602392f --- /dev/null +++ b/source/_assets/js/hero_blob.js @@ -0,0 +1,16 @@ +import KUTE from "kute.js"; + +var tween = KUTE.fromTo( + "#Blob", + { + path: "#Blob", + }, + { + path: "#Blob_2", + }, + { + repeat: true, + yoyo: true, + duration: 7000, + } +).start(); diff --git a/source/_assets/js/main.js b/source/_assets/js/main.js index dc7673f..d002056 100644 --- a/source/_assets/js/main.js +++ b/source/_assets/js/main.js @@ -23,3 +23,5 @@ if ("serviceWorker" in navigator) { console.log("SW registration failed with error:", e); }); } + +require("./hero_blob"); diff --git a/source/_components/svg/Information_flow_Monochromatic.blade.php b/source/_components/svg/Information_flow_Monochromatic.blade.php new file mode 100644 index 0000000..0bd6cec --- /dev/null +++ b/source/_components/svg/Information_flow_Monochromatic.blade.php @@ -0,0 +1,248 @@ +merge(['class' => '']) }}> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/source/_pages/index.blade.php b/source/_pages/index.blade.php index c60046a..a33c696 100644 --- a/source/_pages/index.blade.php +++ b/source/_pages/index.blade.php @@ -3,33 +3,37 @@ @section('header')
- + -
+
{{-- center xy --}} -
+
-
+
-

- Web apps that improve business efficiency. +

+ Web apps that improve business efficiency.

-
+
-

+

{{ $page->__('We hand-code websites and web applications that help businesses become more productive.') }}

+ class="block w-fit py-3 px-6 bg-bloodmyst-isle text-white-smoke hover:bg-white-smoke hover:text-bloodmyst-isle-600 hover:shadow-inner text-lg font-bold rounded-full animate-fade-in"> {{ $page->__('Request a service') }}
+ {{-- --}} + +
+
@endsection @@ -39,7 +43,22 @@ class="block w-fit mx-auto py-3 px-6 bg-white-smoke text-bloodmyst-isle-700 hove {{--
our partners/clients
--}} -
+
+ +
+ + + + + +

{{ $page->__('Who are we') }} @@ -48,6 +67,15 @@ class="block w-fit mx-auto py-3 px-6 bg-white-smoke text-bloodmyst-isle-700 hove

{{ $page->__('We are a team of passionate IT people, we mainly craft on-demand web APPs (CMS, ERP, CRM, IOT, E-Commerce ...) and websites. We also offer infrastructure upgrade services like setting up Windows/Linux server with its tools and optimize networks physically and logically.') }}

+ +
+ + + +

diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css index 5748844..3409e33 100644 --- a/source/assets/build/css/main.css +++ b/source/assets/build/css/main.css @@ -1,2 +1,1479 @@ -/*! tailwindcss v3.1.3 | 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:baseline}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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}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:-ms-input-placeholder,textarea:-ms-input-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(59,130,246,.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(59,130,246,.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(59,130,246,.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: }.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:1536px){.container{max-width:1536px}} -/* ! URL issues */.hero-bg{background:linear-gradient(180deg,#26262688 75%,#ccc8),url(/assets/images/hero-bg.jpg) no-repeat 50% /cover}.contact-bg{background:linear-gradient(180deg,#1d374855,#fff3),url(/assets/images/business-man-working-talking-phone-concept-min.jpg) no-repeat 50% /cover}.card{--tw-bg-opacity:1;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);background-color:rgb(246 249 251/var(--tw-bg-opacity));border-radius:1.5rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-delay:75ms;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)}@media (min-width:768px){.card{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.card,.card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.card:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);border-width:1px;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))}}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(246 249 251/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity));border-radius:9999px}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.project-card>div{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.project-card-frozen-blue-theme h3{--tw-gradient-from:#1d3748;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(29,55,72,0);--tw-gradient-stops:var(--tw-gradient-from),#1d3748,var(--tw-gradient-to);--tw-gradient-to:#2c536c;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.project-card-frozen-blue-theme p{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(29 55 72/var(--tw-border-opacity));border-width:1px;color:rgb(29 55 72/var(--tw-text-opacity))}.project-card-frozen-blue-theme p:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.right-0{right:0}.-top-5{top:-1.25rem}.-left-3{left:-.75rem}.-bottom-10{bottom:-2.5rem}.left-6{left:1.5rem}.-left-5{left:-1.25rem}.-bottom-12{bottom:-3rem}.z-10{z-index:10}.-z-10{z-index:-10}.col-span-full{grid-column:1/-1}.m-2{margin:.5rem}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-5{margin-bottom:1.25rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.h-screen{height:100vh}.h-8{height:2rem}.h-9{height:2.25rem}.h-12{height:3rem}.h-full{height:100%}.h-\[90vh\]{height:90vh}.h-1{height:.25rem}.h-24{height:6rem}.h-14{height:3.5rem}.h-96{height:24rem}.h-80{height:20rem}.h-36{height:9rem}.h-\[480px\]{height:480px}.h-\[400px\]{height:400px}.max-h-\[600px\]{max-height:600px}.max-h-\[800px\]{max-height:800px}.min-h-\[48px\]{min-height:48px}.w-\[69vw\]{width:69vw}.w-8{width:2rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-32{width:8rem}.w-2{width:.5rem}.w-72{width:18rem}.w-56{width:14rem}.w-40{width:10rem}.w-80{width:20rem}.w-\[360px\]{width:360px}.w-\[300px\]{width:300px}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.basis-full{flex-basis:100%}.basis-1\/2{flex-basis:50%}.basis-2\/5{flex-basis:40%}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-4{gap:1rem}.gap-2{gap:.5rem}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.gap-y-8{row-gap:2rem}.gap-y-2{row-gap:.5rem}.scroll-smooth{scroll-behavior:smooth}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.rounded-3xl{border-radius:1.5rem}.rounded-r-3xl{border-bottom-right-radius:1.5rem;border-top-right-radius:1.5rem}.rounded-l-sm{border-bottom-left-radius:.125rem;border-top-left-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-none{border-style:none}.border-bloodmyst-isle{--tw-border-opacity:1;border-color:rgb(242 41 41/var(--tw-border-opacity))}.border-firecracker-salmon-100{--tw-border-opacity:1;border-color:rgb(251 207 207/var(--tw-border-opacity))}.border-bloodmyst-isle-100{--tw-border-opacity:1;border-color:rgb(252 206 206/var(--tw-border-opacity))}.border-frozen-blue-900{--tw-border-opacity:1;border-color:rgb(29 55 72/var(--tw-border-opacity))}.bg-white-smoke{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-nero{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.bg-frozen-blue-900{--tw-bg-opacity:1;background-color:rgb(29 55 72/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-bloodmyst-isle{--tw-bg-opacity:1;background-color:rgb(242 41 41/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-frozen-blue-100{--tw-bg-opacity:1;background-color:rgb(246 249 251/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-bloodmyst-isle-900{--tw-bg-opacity:1;background-color:rgb(96 5 5/var(--tw-bg-opacity))}.bg-bloodmyst-isle-100{--tw-bg-opacity:1;background-color:rgb(252 206 206/var(--tw-bg-opacity))}.bg-inherit{background-color:inherit}.bg-gradient-radial{background-image:radial-gradient(var(--tw-gradient-stops))}.object-fill{-o-object-fit:fill;object-fit:fill}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-4{padding:1rem}.p-2{padding:.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.pt-10{padding-top:2.5rem}.pb-28{padding-bottom:7rem}.text-left{text-align:left}.text-center{text-align:center}.font-raleway{font-family:Raleway,sans-serif}.font-yeseva-one{font-family:Yeseva One,cursive}.font-merriweather{font-family:Merriweather Sans,sans-serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-5xl{font-size:3rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-bloodmyst-isle{--tw-text-opacity:1;color:rgb(242 41 41/var(--tw-text-opacity))}.text-white-smoke{--tw-text-opacity:1;color:rgb(242 242 242/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-frozen-blue-900{--tw-text-opacity:1;color:rgb(29 55 72/var(--tw-text-opacity))}.text-bloodmyst-isle-900{--tw-text-opacity:1;color:rgb(96 5 5/var(--tw-text-opacity))}.text-bloodmyst-isle-700{--tw-text-opacity:1;color:rgb(192 11 11/var(--tw-text-opacity))}.text-nero{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity))}.text-firecracker-salmon-100{--tw-text-opacity:1;color:rgb(251 207 207/var(--tw-text-opacity))}.text-frozen-blue-100{--tw-text-opacity:1;color:rgb(246 249 251/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-1{text-underline-offset:1px}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{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)}.delay-75{transition-delay:75ms}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}[x-cloak]{display:none!important}.hover\:rotate-2:hover{--tw-rotate:2deg;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))}.hover\:border-firecracker-salmon:hover{--tw-border-opacity:1;border-color:rgb(242 99 99/var(--tw-border-opacity))}.hover\:bg-bloodmyst-isle:hover{--tw-bg-opacity:1;background-color:rgb(242 41 41/var(--tw-bg-opacity))}.hover\:bg-firecracker-salmon:hover{--tw-bg-opacity:1;background-color:rgb(242 99 99/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:text-bloodmyst-isle-100:hover{--tw-text-opacity:1;color:rgb(252 206 206/var(--tw-text-opacity))}.hover\:text-nero:hover{--tw-text-opacity:1;color:rgb(38 38 38/var(--tw-text-opacity))}.hover\:shadow-inner:hover{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.hover\:shadow-inner:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-white:hover{--tw-shadow-color:#fff;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-white-smoke:hover{--tw-shadow-color:#f2f2f2;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:rotate-2{--tw-rotate:2deg;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))}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px 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:640px){.sm\:hero-bg-alt{background:linear-gradient(180deg,#26262688 75%,#ccc8),url(/assets/images/hero-bg.jpg) no-repeat 0 100% /cover}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-96{width:24rem}.sm\:basis-1\/2{flex-basis:50%}.sm\:justify-end{justify-content:flex-end}.sm\:gap-y-4{row-gap:1rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-left{text-align:left}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:mb-6{margin-bottom:1.5rem}.md\:w-40{width:10rem}.md\:w-\[450px\]{width:450px}.md\:flex-row{flex-direction:row}.md\:gap-8{gap:2rem}.md\:p-12{padding:3rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:odd\:flex-row:nth-child(odd){flex-direction:row}.md\:even\:flex-row-reverse:nth-child(2n){flex-direction:row-reverse}}@media (min-width:1024px){.lg\:w-2\/3{width:66.666667%}.lg\:w-\[640px\]{width:640px}.lg\:gap-12{gap:3rem}.lg\:px-36{padding-left:9rem;padding-right:9rem}.lg\:pr-16{padding-right:4rem}.lg\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1280px){.xl\:w-1\/2{width:50%}.xl\:px-48{padding-left:12rem;padding-right:12rem}.xl\:text-7xl{font-size:4.5rem;line-height:1}} +/* +! tailwindcss v3.1.3 | 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:-ms-input-placeholder, textarea:-ms-input-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(59 130 246 / 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(59 130 246 / 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(59 130 246 / 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: ; +} +.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: 1536px) { + + .container { + max-width: 1536px; + } +} +/* ! URL issues */ +.contact-bg { + background: linear-gradient(to bottom, #1d374855, #fff3), + url(/assets/images/business-man-working-talking-phone-concept-min.jpg) + no-repeat center center / cover; + } +.card { + border-radius: 1.5rem; + border-width: 1px; + --tw-bg-opacity: 1; + background-color: rgb(246 249 251 / var(--tw-bg-opacity)); + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + 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-delay: 75ms; + transition-duration: 150ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +@media (min-width: 768px) { + + .card { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + + .card:hover { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + 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)); + border-width: 1px; + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } +} +/* width */ +::-webkit-scrollbar { + width: 0.5rem; +} +/* Track */ +::-webkit-scrollbar-track { + --tw-bg-opacity: 1; + background-color: rgb(246 249 251 / var(--tw-bg-opacity)); +} +/* Handle */ +::-webkit-scrollbar-thumb { + border-radius: 9999px; + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + --tw-bg-opacity: 1; + background-color: rgb(220 38 38 / var(--tw-bg-opacity)); +} +.project-card > div { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.project-card-frozen-blue-theme h3 { + --tw-gradient-from: #1d3748; + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + --tw-gradient-to: rgb(29 55 72 / 0); + --tw-gradient-stops: var(--tw-gradient-from), #1d3748, var(--tw-gradient-to); + --tw-gradient-to: #2c536c; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.project-card-frozen-blue-theme p { + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(29 55 72 / var(--tw-border-opacity)); + --tw-text-opacity: 1; + color: rgb(29 55 72 / var(--tw-text-opacity)); +} +.project-card-frozen-blue-theme p:hover { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.visible { + visibility: visible; +} +.fixed { + position: fixed; +} +.absolute { + position: absolute; +} +.relative { + position: relative; +} +.top-0 { + top: 0px; +} +.right-0 { + right: 0px; +} +.-top-5 { + top: -1.25rem; +} +.-left-3 { + left: -0.75rem; +} +.-bottom-10 { + bottom: -2.5rem; +} +.left-6 { + left: 1.5rem; +} +.-left-5 { + left: -1.25rem; +} +.-bottom-12 { + bottom: -3rem; +} +.z-10 { + z-index: 10; +} +.col-span-full { + grid-column: 1 / -1; +} +.m-2 { + margin: 0.5rem; +} +.m-4 { + margin: 1rem; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.mb-4 { + margin-bottom: 1rem; +} +.mb-12 { + margin-bottom: 3rem; +} +.mb-2 { + margin-bottom: 0.5rem; +} +.mt-4 { + margin-top: 1rem; +} +.mb-6 { + margin-bottom: 1.5rem; +} +.mb-8 { + margin-bottom: 2rem; +} +.mb-5 { + margin-bottom: 1.25rem; +} +.block { + display: block; +} +.flex { + display: flex; +} +.table { + display: table; +} +.grid { + display: grid; +} +.hidden { + display: none; +} +.aspect-square { + aspect-ratio: 1 / 1; +} +.aspect-video { + aspect-ratio: 16 / 9; +} +.h-screen { + height: 100vh; +} +.h-8 { + height: 2rem; +} +.h-9 { + height: 2.25rem; +} +.h-12 { + height: 3rem; +} +.h-full { + height: 100%; +} +.h-1 { + height: 0.25rem; +} +.h-24 { + height: 6rem; +} +.h-14 { + height: 3.5rem; +} +.h-96 { + height: 24rem; +} +.h-80 { + height: 20rem; +} +.h-36 { + height: 9rem; +} +.h-\[480px\] { + height: 480px; +} +.h-\[400px\] { + height: 400px; +} +.max-h-\[600px\] { + max-height: 600px; +} +.min-h-\[48px\] { + min-height: 48px; +} +.w-\[69vw\] { + width: 69vw; +} +.w-8 { + width: 2rem; +} +.w-fit { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; +} +.w-full { + width: 100%; +} +.w-32 { + width: 8rem; +} +.w-2 { + width: 0.5rem; +} +.w-1\/2 { + width: 50%; +} +.w-72 { + width: 18rem; +} +.w-56 { + width: 14rem; +} +.w-40 { + width: 10rem; +} +.w-80 { + width: 20rem; +} +.w-\[360px\] { + width: 360px; +} +.w-\[300px\] { + width: 300px; +} +.max-w-7xl { + max-width: 80rem; +} +.max-w-screen-lg { + max-width: 1024px; +} +.flex-1 { + flex: 1 1 0%; +} +.basis-full { + flex-basis: 100%; +} +.basis-1\/2 { + flex-basis: 50%; +} +.basis-2\/5 { + flex-basis: 40%; +} +@-webkit-keyframes pulse { + + 50% { + opacity: .5; + } +} +@keyframes pulse { + + 50% { + opacity: .5; + } +} +.animate-pulse { + -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} +@-webkit-keyframes bounceAlt { + + 0%, 100% { + transform: translateY(-1%); + } + + 50% { + transform: translateY(0); + } +} +@keyframes bounceAlt { + + 0%, 100% { + transform: translateY(-1%); + } + + 50% { + transform: translateY(0); + } +} +.animate-bounce-alt { + -webkit-animation: bounceAlt 4s ease-in-out infinite; + animation: bounceAlt 4s ease-in-out infinite; +} +@-webkit-keyframes FadeIn { + + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +@keyframes FadeIn { + + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} +.animate-fade-in { + -webkit-animation: FadeIn 2s ease-in-out; + animation: FadeIn 2s ease-in-out; +} +.cursor-pointer { + cursor: pointer; +} +.list-disc { + list-style-type: disc; +} +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.flex-col { + flex-direction: column; +} +.flex-wrap { + flex-wrap: wrap; +} +.items-center { + align-items: center; +} +.justify-start { + justify-content: flex-start; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.justify-between { + justify-content: space-between; +} +.justify-around { + justify-content: space-around; +} +.gap-4 { + gap: 1rem; +} +.gap-2 { + gap: 0.5rem; +} +.gap-8 { + gap: 2rem; +} +.gap-6 { + gap: 1.5rem; +} +.gap-y-8 { + row-gap: 2rem; +} +.gap-y-2 { + row-gap: 0.5rem; +} +.scroll-smooth { + scroll-behavior: smooth; +} +.rounded-md { + border-radius: 0.375rem; +} +.rounded-sm { + border-radius: 0.125rem; +} +.rounded-full { + border-radius: 9999px; +} +.rounded-3xl { + border-radius: 1.5rem; +} +.rounded-r-3xl { + border-top-right-radius: 1.5rem; + border-bottom-right-radius: 1.5rem; +} +.rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; +} +.border { + border-width: 1px; +} +.border-2 { + border-width: 2px; +} +.border-none { + border-style: none; +} +.border-bloodmyst-isle { + --tw-border-opacity: 1; + border-color: rgb(242 41 41 / var(--tw-border-opacity)); +} +.border-firecracker-salmon-100 { + --tw-border-opacity: 1; + border-color: rgb(251 207 207 / var(--tw-border-opacity)); +} +.border-bloodmyst-isle-100 { + --tw-border-opacity: 1; + border-color: rgb(252 206 206 / var(--tw-border-opacity)); +} +.border-frozen-blue-900 { + --tw-border-opacity: 1; + border-color: rgb(29 55 72 / var(--tw-border-opacity)); +} +.bg-white-smoke { + --tw-bg-opacity: 1; + background-color: rgb(242 242 242 / var(--tw-bg-opacity)); +} +.bg-nero { + --tw-bg-opacity: 1; + background-color: rgb(38 38 38 / var(--tw-bg-opacity)); +} +.bg-frozen-blue-900 { + --tw-bg-opacity: 1; + background-color: rgb(29 55 72 / var(--tw-bg-opacity)); +} +.bg-gray-200 { + --tw-bg-opacity: 1; + background-color: rgb(229 231 235 / var(--tw-bg-opacity)); +} +.bg-bloodmyst-isle { + --tw-bg-opacity: 1; + background-color: rgb(242 41 41 / var(--tw-bg-opacity)); +} +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.bg-gray-100 { + --tw-bg-opacity: 1; + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); +} +.bg-bloodmyst-isle-100 { + --tw-bg-opacity: 1; + background-color: rgb(252 206 206 / var(--tw-bg-opacity)); +} +.bg-bloodmyst-isle-900 { + --tw-bg-opacity: 1; + background-color: rgb(96 5 5 / var(--tw-bg-opacity)); +} +.bg-frozen-blue-100 { + --tw-bg-opacity: 1; + background-color: rgb(246 249 251 / var(--tw-bg-opacity)); +} +.bg-inherit { + background-color: inherit; +} +.bg-gradient-radial { + background-image: radial-gradient(var(--tw-gradient-stops)); +} +.fill-white { + fill: #fff; +} +.object-cover { + -o-object-fit: cover; + object-fit: cover; +} +.object-fill { + -o-object-fit: fill; + object-fit: fill; +} +.object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; +} +.p-4 { + padding: 1rem; +} +.p-2 { + padding: 0.5rem; +} +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; +} +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.py-16 { + padding-top: 4rem; + padding-bottom: 4rem; +} +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} +.pt-10 { + padding-top: 2.5rem; +} +.pb-28 { + padding-bottom: 7rem; +} +.text-left { + text-align: left; +} +.text-center { + text-align: center; +} +.font-raleway { + font-family: Raleway, sans-serif; +} +.font-yeseva-one { + font-family: Yeseva One, cursive; +} +.font-merriweather { + font-family: Merriweather Sans, sans-serif; +} +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} +.text-5xl { + font-size: 3rem; + line-height: 1; +} +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} +.text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; +} +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} +.font-bold { + font-weight: 700; +} +.text-bloodmyst-isle { + --tw-text-opacity: 1; + color: rgb(242 41 41 / var(--tw-text-opacity)); +} +.text-white-smoke { + --tw-text-opacity: 1; + color: rgb(242 242 242 / var(--tw-text-opacity)); +} +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.text-frozen-blue-900 { + --tw-text-opacity: 1; + color: rgb(29 55 72 / var(--tw-text-opacity)); +} +.text-bloodmyst-isle-900 { + --tw-text-opacity: 1; + color: rgb(96 5 5 / var(--tw-text-opacity)); +} +.text-nero { + --tw-text-opacity: 1; + color: rgb(38 38 38 / var(--tw-text-opacity)); +} +.text-firecracker-salmon-100 { + --tw-text-opacity: 1; + color: rgb(251 207 207 / var(--tw-text-opacity)); +} +.text-frozen-blue-100 { + --tw-text-opacity: 1; + color: rgb(246 249 251 / var(--tw-text-opacity)); +} +.underline { + -webkit-text-decoration-line: underline; + text-decoration-line: underline; +} +.underline-offset-1 { + text-underline-offset: 1px; +} +.shadow-sm { + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.outline-none { + outline: 2px solid transparent; + outline-offset: 2px; +} +.transition { + 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; +} +.delay-75 { + transition-delay: 75ms; +} +.duration-150 { + transition-duration: 150ms; +} +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +[x-cloak] { + display: none !important; +} +.custom-shape-divider-top-1657217003 { + position: absolute; + top: 0; + left: 0; + width: 100%; + overflow: hidden; + line-height: 0; +} +.custom-shape-divider-top-1657217003 svg { + position: relative; + display: block; + width: calc(107% + 1.3px); + height: 83px; +} +/* */ +.custom-shape-divider-bottom-1657220297 { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + overflow: hidden; + line-height: 0; +} +.custom-shape-divider-bottom-1657220297 svg { + position: relative; + display: block; + width: calc(100% + 1.3px); + height: 48px; + transform: rotateY(180deg); +} +.hover\:rotate-2:hover { + --tw-rotate: 2deg; + 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)); +} +.hover\:border-firecracker-salmon:hover { + --tw-border-opacity: 1; + border-color: rgb(242 99 99 / var(--tw-border-opacity)); +} +.hover\:bg-bloodmyst-isle:hover { + --tw-bg-opacity: 1; + background-color: rgb(242 41 41 / var(--tw-bg-opacity)); +} +.hover\:bg-firecracker-salmon:hover { + --tw-bg-opacity: 1; + background-color: rgb(242 99 99 / var(--tw-bg-opacity)); +} +.hover\:bg-white-smoke:hover { + --tw-bg-opacity: 1; + background-color: rgb(242 242 242 / var(--tw-bg-opacity)); +} +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.hover\:text-bloodmyst-isle-100:hover { + --tw-text-opacity: 1; + color: rgb(252 206 206 / var(--tw-text-opacity)); +} +.hover\:text-bloodmyst-isle-600:hover { + --tw-text-opacity: 1; + color: rgb(240 14 14 / var(--tw-text-opacity)); +} +.hover\:shadow-inner:hover { + --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.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); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} +.hover\:shadow-white:hover { + --tw-shadow-color: #fff; + --tw-shadow: var(--tw-shadow-colored); +} +.hover\:shadow-white-smoke:hover { + --tw-shadow-color: #F2F2F2; + --tw-shadow: var(--tw-shadow-colored); +} +.group:hover .group-hover\:rotate-2 { + --tw-rotate: 2deg; + 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)); +} +.group:hover .group-hover\:shadow-xl { + --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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: 640px) { + + .sm\:block { + display: block; + } + + .sm\:flex { + display: flex; + } + + .sm\:hidden { + display: none; + } + + .sm\:w-96 { + width: 24rem; + } + + .sm\:basis-1\/2 { + flex-basis: 50%; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:gap-y-4 { + row-gap: 1rem; + } + + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + + .sm\:text-left { + text-align: left; + } + + .sm\:text-base { + font-size: 1rem; + line-height: 1.5rem; + } + + .sm\:text-6xl { + font-size: 3.75rem; + line-height: 1; + } +} +@media (min-width: 768px) { + + .md\:col-span-2 { + grid-column: span 2 / span 2; + } + + .md\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .md\:mb-6 { + margin-bottom: 1.5rem; + } + + .md\:w-40 { + width: 10rem; + } + + .md\:w-\[450px\] { + width: 450px; + } + + .md\:basis-1\/2 { + flex-basis: 50%; + } + + .md\:flex-row { + flex-direction: row; + } + + .md\:gap-8 { + gap: 2rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .md\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + + .md\:text-7xl { + font-size: 4.5rem; + line-height: 1; + } + + .md\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .md\:odd\:flex-row:nth-child(odd) { + flex-direction: row; + } + + .md\:even\:flex-row-reverse:nth-child(even) { + flex-direction: row-reverse; + } +} +@media (min-width: 1024px) { + + .lg\:w-2\/3 { + width: 66.666667%; + } + + .lg\:w-\[640px\] { + width: 640px; + } + + .lg\:gap-12 { + gap: 3rem; + } + + .lg\:pr-16 { + padding-right: 4rem; + } + + .lg\:text-8xl { + font-size: 6rem; + line-height: 1; + } +} +@media (min-width: 1280px) { + + .xl\:w-1\/2 { + width: 50%; + } +} + diff --git a/source/assets/build/js/main.js b/source/assets/build/js/main.js index 5feb47f..9628bf4 100644 --- a/source/assets/build/js/main.js +++ b/source/assets/build/js/main.js @@ -1 +1,9095 @@ -(()=>{var e,t={415:(e,t,n)=>{"use strict";var r,i,a,o,s=!1,l=!1,c=[];function u(e){!function(e){c.includes(e)||c.push(e);l||s||(s=!0,queueMicrotask(d))}(e)}function f(e){let t=c.indexOf(e);-1!==t&&c.splice(t,1)}function d(){s=!1,l=!0;for(let e=0;e{(void 0===t||t.includes(n))&&(r.forEach((e=>e())),delete e._x_attributeCleanups[n])}))}var x=new MutationObserver(z),b=!1;function w(){x.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),b=!0}function E(){(A=A.concat(x.takeRecords())).length&&!C&&(C=!0,queueMicrotask((()=>{z(A),A.length=0,C=!1}))),x.disconnect(),b=!1}var A=[],C=!1;function O(e){if(!b)return e();E();let t=e();return w(),t}var S=!1,k=[];function z(e){if(S)return void(k=k.concat(e));let t=[],n=[],r=new Map,i=new Map;for(let a=0;a1===e.nodeType&&t.push(e))),e[a].removedNodes.forEach((e=>1===e.nodeType&&n.push(e)))),"attributes"===e[a].type)){let t=e[a].target,n=e[a].attributeName,o=e[a].oldValue,s=()=>{r.has(t)||r.set(t,[]),r.get(t).push({name:n,value:t.getAttribute(n)})},l=()=>{i.has(t)||i.set(t,[]),i.get(t).push(n)};t.hasAttribute(n)&&null===o?s():t.hasAttribute(n)?(l(),s()):l()}i.forEach(((e,t)=>{y(t,e)})),r.forEach(((e,t)=>{h.forEach((n=>n(t,e)))}));for(let e of n)if(!t.includes(e)&&(m.forEach((t=>t(e))),e._x_cleanups))for(;e._x_cleanups.length;)e._x_cleanups.pop()();t.forEach((e=>{e._x_ignoreSelf=!0,e._x_ignore=!0}));for(let e of t)n.includes(e)||e.isConnected&&(delete e._x_ignoreSelf,delete e._x_ignore,g.forEach((t=>t(e))),e._x_ignore=!0,e._x_ignoreSelf=!0);t.forEach((e=>{delete e._x_ignoreSelf,delete e._x_ignore})),t=null,n=null,r=null,i=null}function M(e){return L($(e))}function j(e,t,n){return e._x_dataStack=[t,...$(n||e)],()=>{e._x_dataStack=e._x_dataStack.filter((e=>e!==t))}}function N(e,t){let n=e._x_dataStack[0];Object.entries(t).forEach((([e,t])=>{n[e]=t}))}function $(e){return e._x_dataStack?e._x_dataStack:"function"==typeof ShadowRoot&&e instanceof ShadowRoot?$(e.host):e.parentNode?$(e.parentNode):[]}function L(e){let t=new Proxy({},{ownKeys:()=>Array.from(new Set(e.flatMap((e=>Object.keys(e))))),has:(t,n)=>e.some((e=>e.hasOwnProperty(n))),get:(n,r)=>(e.find((e=>{if(e.hasOwnProperty(r)){let n=Object.getOwnPropertyDescriptor(e,r);if(n.get&&n.get._x_alreadyBound||n.set&&n.set._x_alreadyBound)return!0;if((n.get||n.set)&&n.enumerable){let i=n.get,a=n.set,o=n;i=i&&i.bind(t),a=a&&a.bind(t),i&&(i._x_alreadyBound=!0),a&&(a._x_alreadyBound=!0),Object.defineProperty(e,r,{...o,get:i,set:a})}return!0}return!1}))||{})[r],set:(t,n,r)=>{let i=e.find((e=>e.hasOwnProperty(n)));return i?i[n]=r:e[e.length-1][n]=r,!0}});return t}function P(e){let t=(n,r="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach((([i,{value:a,enumerable:o}])=>{if(!1===o||void 0===a)return;let s=""===r?i:`${r}.${i}`;var l;"object"==typeof a&&null!==a&&a._x_interceptor?n[i]=a.initialize(e,s,i):"object"!=typeof(l=a)||Array.isArray(l)||null===l||a===n||a instanceof Element||t(a,s)}))};return t(e)}function R(e,t=(()=>{})){let n={initialValue:void 0,_x_interceptor:!0,initialize(t,n,r){return e(this.initialValue,(()=>function(e,t){return t.split(".").reduce(((e,t)=>e[t]),e)}(t,n)),(e=>T(t,n,e)),n,r)}};return t(n),e=>{if("object"==typeof e&&null!==e&&e._x_interceptor){let t=n.initialize.bind(n);n.initialize=(r,i,a)=>{let o=e.initialize(r,i,a);return n.initialValue=o,t(r,i,a)}}else n.initialValue=e;return n}}function T(e,t,n){if("string"==typeof t&&(t=t.split(".")),1!==t.length){if(0===t.length)throw error;return e[t[0]]||(e[t[0]]={}),T(e[t[0]],t.slice(1),n)}e[t[0]]=n}var W={};function F(e,t){W[e]=t}function I(e,t){return Object.entries(W).forEach((([n,r])=>{Object.defineProperty(e,`$${n}`,{get(){let[e,n]=ie(t);return e={interceptor:R,...e},v(t,n),r(t,e)},enumerable:!1})})),e}function B(e,t,n,...r){try{return n(...r)}catch(n){D(n,e,t)}}function D(e,t,n){Object.assign(e,{el:t,expression:n}),console.warn(`Alpine Expression Error: ${e.message}\n\n${n?'Expression: "'+n+'"\n\n':""}`,t),setTimeout((()=>{throw e}),0)}var q=!0;function H(e,t,n={}){let r;return U(e,t)((e=>r=e),n),r}function U(...e){return K(...e)}var K=V;function V(e,t){let n={};I(n,e);let r=[n,...$(e)];if("function"==typeof t)return function(e,t){return(n=(()=>{}),{scope:r={},params:i=[]}={})=>{Q(n,t.apply(L([r,...e]),i))}}(r,t);let i=function(e,t,n){let r=function(e,t){if(Z[e])return Z[e];let n=Object.getPrototypeOf((async function(){})).constructor,r=/^[\n\s]*if.*\(.*\)/.test(e)||/^(let|const)\s/.test(e)?`(() => { ${e} })()`:e;let i=(()=>{try{return new n(["__self","scope"],`with (scope) { __self.result = ${r} }; __self.finished = true; return __self.result;`)}catch(n){return D(n,t,e),Promise.resolve()}})();return Z[e]=i,i}(t,n);return(i=(()=>{}),{scope:a={},params:o=[]}={})=>{r.result=void 0,r.finished=!1;let s=L([a,...e]);if("function"==typeof r){let e=r(r,s).catch((e=>D(e,n,t)));r.finished?(Q(i,r.result,s,o,n),r.result=void 0):e.then((e=>{Q(i,e,s,o,n)})).catch((e=>D(e,n,t))).finally((()=>r.result=void 0))}}}(r,t,e);return B.bind(null,e,t,i)}var Z={};function Q(e,t,n,r,i){if(q&&"function"==typeof t){let a=t.apply(n,r);a instanceof Promise?a.then((t=>Q(e,t,n,r))).catch((e=>D(e,i,t))):e(a)}else e(t)}var Y="x-";function J(e=""){return Y+e}var G={};function X(e,t){G[e]=t}function ee(e,t,n){let r={},i=Array.from(t).map(oe(((e,t)=>r[e]=t))).filter(ce).map(function(e,t){return({name:n,value:r})=>{let i=n.match(ue()),a=n.match(/:([a-zA-Z0-9\-:]+)/),o=n.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],s=t||e[n]||n;return{type:i?i[1]:null,value:a?a[1]:null,modifiers:o.map((e=>e.replace(".",""))),expression:r,original:s}}}(r,n)).sort(pe);return i.map((t=>function(e,t){let n=()=>{},r=G[t.type]||n,[i,a]=ie(e);!function(e,t,n){e._x_attributeCleanups||(e._x_attributeCleanups={}),e._x_attributeCleanups[t]||(e._x_attributeCleanups[t]=[]),e._x_attributeCleanups[t].push(n)}(e,t.original,a);let o=()=>{e._x_ignore||e._x_ignoreSelf||(r.inline&&r.inline(e,t,i),r=r.bind(r,e,t,i),te?ne.get(re).push(r):r())};return o.runCleanups=a,o}(e,t)))}var te=!1,ne=new Map,re=Symbol();function ie(e){let t=[],[n,r]=function(e){let t=()=>{};return[n=>{let r=i(n);return e._x_effects||(e._x_effects=new Set,e._x_runEffects=()=>{e._x_effects.forEach((e=>e()))}),e._x_effects.add(r),t=()=>{void 0!==r&&(e._x_effects.delete(r),a(r))},r},()=>{t()}]}(e);t.push(r);return[{Alpine:Qe,effect:n,cleanup:e=>t.push(e),evaluateLater:U.bind(U,e),evaluate:H.bind(H,e)},()=>t.forEach((e=>e()))]}var ae=(e,t)=>({name:n,value:r})=>(n.startsWith(e)&&(n=n.replace(e,t)),{name:n,value:r});function oe(e=(()=>{})){return({name:t,value:n})=>{let{name:r,value:i}=se.reduce(((e,t)=>t(e)),{name:t,value:n});return r!==t&&e(r,t),{name:r,value:i}}}var se=[];function le(e){se.push(e)}function ce({name:e}){return ue().test(e)}var ue=()=>new RegExp(`^${Y}([^:^.]+)\\b`);var fe="DEFAULT",de=["ignore","ref","data","id","bind","init","for","mask","model","modelable","transition","show","if",fe,"teleport","element"];function pe(e,t){let n=-1===de.indexOf(e.type)?fe:e.type,r=-1===de.indexOf(t.type)?fe:t.type;return de.indexOf(n)-de.indexOf(r)}function _e(e,t,n={}){e.dispatchEvent(new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0}))}var he=[],me=!1;function ge(e=(()=>{})){return queueMicrotask((()=>{me||setTimeout((()=>{ve()}))})),new Promise((t=>{he.push((()=>{e(),t()}))}))}function ve(){for(me=!1;he.length;)he.shift()()}function ye(e,t){if("function"==typeof ShadowRoot&&e instanceof ShadowRoot)return void Array.from(e.children).forEach((e=>ye(e,t)));let n=!1;if(t(e,(()=>n=!0)),n)return;let r=e.firstElementChild;for(;r;)ye(r,t),r=r.nextElementSibling}function xe(e,...t){console.warn(`Alpine Warning: ${e}`,...t)}var be=[],we=[];function Ee(){return be.map((e=>e()))}function Ae(){return be.concat(we).map((e=>e()))}function Ce(e){be.push(e)}function Oe(e){we.push(e)}function Se(e,t=!1){return ke(e,(e=>{if((t?Ae():Ee()).some((t=>e.matches(t))))return!0}))}function ke(e,t){if(e){if(t(e))return e;if(e._x_teleportBack&&(e=e._x_teleportBack),e.parentElement)return ke(e.parentElement,t)}}function ze(e,t=ye){!function(e){te=!0;let t=Symbol();re=t,ne.set(t,[]);let n=()=>{for(;ne.get(t).length;)ne.get(t).shift()();ne.delete(t)};e(n),te=!1,n()}((()=>{t(e,((e,t)=>{ee(e,e.attributes).forEach((e=>e())),e._x_ignore&&t()}))}))}function Me(e,t){return Array.isArray(t)?je(e,t.join(" ")):"object"==typeof t&&null!==t?function(e,t){let n=e=>e.split(" ").filter(Boolean),r=Object.entries(t).flatMap((([e,t])=>!!t&&n(e))).filter(Boolean),i=Object.entries(t).flatMap((([e,t])=>!t&&n(e))).filter(Boolean),a=[],o=[];return i.forEach((t=>{e.classList.contains(t)&&(e.classList.remove(t),o.push(t))})),r.forEach((t=>{e.classList.contains(t)||(e.classList.add(t),a.push(t))})),()=>{o.forEach((t=>e.classList.add(t))),a.forEach((t=>e.classList.remove(t)))}}(e,t):"function"==typeof t?Me(e,t()):je(e,t)}function je(e,t){return t=!0===t?t="":t||"",n=t.split(" ").filter((t=>!e.classList.contains(t))).filter(Boolean),e.classList.add(...n),()=>{e.classList.remove(...n)};var n}function Ne(e,t){return"object"==typeof t&&null!==t?function(e,t){let n={};return Object.entries(t).forEach((([t,r])=>{n[t]=e.style[t],t.startsWith("--")||(t=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()),e.style.setProperty(t,r)})),setTimeout((()=>{0===e.style.length&&e.removeAttribute("style")})),()=>{Ne(e,n)}}(e,t):function(e,t){let n=e.getAttribute("style",t);return e.setAttribute("style",t),()=>{e.setAttribute("style",n||"")}}(e,t)}function $e(e,t=(()=>{})){let n=!1;return function(){n?t.apply(this,arguments):(n=!0,e.apply(this,arguments))}}function Le(e,t,n={}){e._x_transition||(e._x_transition={enter:{during:n,start:n,end:n},leave:{during:n,start:n,end:n},in(n=(()=>{}),r=(()=>{})){Re(e,t,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,r)},out(n=(()=>{}),r=(()=>{})){Re(e,t,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,r)}})}function Pe(e){let t=e.parentNode;if(t)return t._x_hidePromise?t:Pe(t)}function Re(e,t,{during:n,start:r,end:i}={},a=(()=>{}),o=(()=>{})){if(e._x_transitioning&&e._x_transitioning.cancel(),0===Object.keys(n).length&&0===Object.keys(r).length&&0===Object.keys(i).length)return a(),void o();let s,l,c;!function(e,t){let n,r,i,a=$e((()=>{O((()=>{n=!0,r||t.before(),i||(t.end(),ve()),t.after(),e.isConnected&&t.cleanup(),delete e._x_transitioning}))}));e._x_transitioning={beforeCancels:[],beforeCancel(e){this.beforeCancels.push(e)},cancel:$e((function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();a()})),finish:a},O((()=>{t.start(),t.during()})),me=!0,requestAnimationFrame((()=>{if(n)return;let a=1e3*Number(getComputedStyle(e).transitionDuration.replace(/,.*/,"").replace("s","")),o=1e3*Number(getComputedStyle(e).transitionDelay.replace(/,.*/,"").replace("s",""));0===a&&(a=1e3*Number(getComputedStyle(e).animationDuration.replace("s",""))),O((()=>{t.before()})),r=!0,requestAnimationFrame((()=>{n||(O((()=>{t.end()})),ve(),setTimeout(e._x_transitioning.finish,a+o),i=!0)}))}))}(e,{start(){s=t(e,r)},during(){l=t(e,n)},before:a,end(){s(),c=t(e,i)},after:o,cleanup(){l(),c()}})}function Te(e,t,n){if(-1===e.indexOf(t))return n;const r=e[e.indexOf(t)+1];if(!r)return n;if("scale"===t&&isNaN(r))return n;if("duration"===t){let e=r.match(/([0-9]+)ms/);if(e)return e[1]}return"origin"===t&&["top","right","left","center","bottom"].includes(e[e.indexOf(t)+2])?[r,e[e.indexOf(t)+2]].join(" "):r}X("transition",((e,{value:t,modifiers:n,expression:r},{evaluate:i})=>{"function"==typeof r&&(r=i(r)),r?function(e,t,n){Le(e,Me,""),{enter:t=>{e._x_transition.enter.during=t},"enter-start":t=>{e._x_transition.enter.start=t},"enter-end":t=>{e._x_transition.enter.end=t},leave:t=>{e._x_transition.leave.during=t},"leave-start":t=>{e._x_transition.leave.start=t},"leave-end":t=>{e._x_transition.leave.end=t}}[n](t)}(e,r,t):function(e,t,n){Le(e,Ne);let r=!t.includes("in")&&!t.includes("out")&&!n,i=r||t.includes("in")||["enter"].includes(n),a=r||t.includes("out")||["leave"].includes(n);t.includes("in")&&!r&&(t=t.filter(((e,n)=>nn>t.indexOf("out"))));let o=!t.includes("opacity")&&!t.includes("scale"),s=o||t.includes("opacity"),l=o||t.includes("scale"),c=s?0:1,u=l?Te(t,"scale",95)/100:1,f=Te(t,"delay",0),d=Te(t,"origin","center"),p="opacity, transform",_=Te(t,"duration",150)/1e3,h=Te(t,"duration",75)/1e3,m="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(e._x_transition.enter.during={transformOrigin:d,transitionDelay:f,transitionProperty:p,transitionDuration:`${_}s`,transitionTimingFunction:m},e._x_transition.enter.start={opacity:c,transform:`scale(${u})`},e._x_transition.enter.end={opacity:1,transform:"scale(1)"});a&&(e._x_transition.leave.during={transformOrigin:d,transitionDelay:f,transitionProperty:p,transitionDuration:`${h}s`,transitionTimingFunction:m},e._x_transition.leave.start={opacity:1,transform:"scale(1)"},e._x_transition.leave.end={opacity:c,transform:`scale(${u})`})}(e,n,t)})),window.Element.prototype._x_toggleAndCascadeWithTransitions=function(e,t,n,r){let i=()=>{"visible"===document.visibilityState?requestAnimationFrame(n):setTimeout(n)};t?e._x_transition&&(e._x_transition.enter||e._x_transition.leave)?e._x_transition.enter&&(Object.entries(e._x_transition.enter.during).length||Object.entries(e._x_transition.enter.start).length||Object.entries(e._x_transition.enter.end).length)?e._x_transition.in(n):i():e._x_transition?e._x_transition.in(n):i():(e._x_hidePromise=e._x_transition?new Promise(((t,n)=>{e._x_transition.out((()=>{}),(()=>t(r))),e._x_transitioning.beforeCancel((()=>n({isFromCancelledTransition:!0})))})):Promise.resolve(r),queueMicrotask((()=>{let t=Pe(e);t?(t._x_hideChildren||(t._x_hideChildren=[]),t._x_hideChildren.push(e)):queueMicrotask((()=>{let t=e=>{let n=Promise.all([e._x_hidePromise,...(e._x_hideChildren||[]).map(t)]).then((([e])=>e()));return delete e._x_hidePromise,delete e._x_hideChildren,n};t(e).catch((e=>{if(!e.isFromCancelledTransition)throw e}))}))})))};var We=!1;function Fe(e,t=(()=>{})){return(...n)=>We?t(...n):e(...n)}function Ie(e,t,n,i=[]){switch(e._x_bindings||(e._x_bindings=r({})),e._x_bindings[t]=n,t=i.includes("camel")?t.toLowerCase().replace(/-(\w)/g,((e,t)=>t.toUpperCase())):t){case"value":!function(e,t){if("radio"===e.type)void 0===e.attributes.value&&(e.value=t),window.fromModel&&(e.checked=Be(e.value,t));else if("checkbox"===e.type)Number.isInteger(t)?e.value=t:Number.isInteger(t)||Array.isArray(t)||"boolean"==typeof t||[null,void 0].includes(t)?Array.isArray(t)?e.checked=t.some((t=>Be(t,e.value))):e.checked=!!t:e.value=String(t);else if("SELECT"===e.tagName)!function(e,t){const n=[].concat(t).map((e=>e+""));Array.from(e.options).forEach((e=>{e.selected=n.includes(e.value)}))}(e,t);else{if(e.value===t)return;e.value=t}}(e,n);break;case"style":!function(e,t){e._x_undoAddedStyles&&e._x_undoAddedStyles();e._x_undoAddedStyles=Ne(e,t)}(e,n);break;case"class":!function(e,t){e._x_undoAddedClasses&&e._x_undoAddedClasses();e._x_undoAddedClasses=Me(e,t)}(e,n);break;default:!function(e,t,n){[null,void 0,!1].includes(n)&&function(e){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(e)}(t)?e.removeAttribute(t):(De(t)&&(n=t),function(e,t,n){e.getAttribute(t)!=n&&e.setAttribute(t,n)}(e,t,n))}(e,t,n)}}function Be(e,t){return e==t}function De(e){return["disabled","checked","required","readonly","hidden","open","selected","autofocus","itemscope","multiple","novalidate","allowfullscreen","allowpaymentrequest","formnovalidate","autoplay","controls","loop","muted","playsinline","default","ismap","reversed","async","defer","nomodule"].includes(e)}function qe(e,t){var n;return function(){var r=this,i=arguments,a=function(){n=null,e.apply(r,i)};clearTimeout(n),n=setTimeout(a,t)}}function He(e,t){let n;return function(){let r=this,i=arguments;n||(e.apply(r,i),n=!0,setTimeout((()=>n=!1),t))}}var Ue={},Ke=!1;var Ve={};var Ze={};var Qe={get reactive(){return r},get release(){return a},get effect(){return i},get raw(){return o},version:"3.10.0",flushAndStopDeferringMutations:function(){S=!1,z(k),k=[]},dontAutoEvaluateFunctions:function(e){let t=q;q=!1,e(),q=t},disableEffectScheduling:function(e){p=!1,e(),p=!0},setReactivityEngine:function(e){r=e.reactive,a=e.release,i=t=>e.effect(t,{scheduler:e=>{p?u(e):e()}}),o=e.raw},closestDataStack:$,skipDuringClone:Fe,addRootSelector:Ce,addInitSelector:Oe,addScopeToNode:j,deferMutations:function(){S=!0},mapAttributes:le,evaluateLater:U,setEvaluator:function(e){K=e},mergeProxies:L,findClosest:ke,closestRoot:Se,interceptor:R,transition:Re,setStyles:Ne,mutateDom:O,directive:X,throttle:He,debounce:qe,evaluate:H,initTree:ze,nextTick:ge,prefixed:J,prefix:function(e){Y=e},plugin:function(e){e(Qe)},magic:F,store:function(e,t){if(Ke||(Ue=r(Ue),Ke=!0),void 0===t)return Ue[e];Ue[e]=t,"object"==typeof t&&null!==t&&t.hasOwnProperty("init")&&"function"==typeof t.init&&Ue[e].init(),P(Ue[e])},start:function(){var e;document.body||xe("Unable to initialize. Trying to load Alpine before `` is available. Did you forget to add `defer` in Alpine's `