From 70dd9dde64f7c16a47d9cc2929a42fb38fd1f3ce Mon Sep 17 00:00:00 2001 From: enijar Date: Wed, 26 Jun 2024 11:16:32 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20finer-vi?= =?UTF-8?q?sion/mz-event-screen@f9828dadf6f70eb68a181cfca5b7413111ad518d?= =?UTF-8?q?=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/index-0131f534.css | 1 + assets/{index-56655bff.js => index-2c090153.js} | 2 +- assets/index-fb13596e.css | 1 - index.html | 4 ++-- 4 files changed, 4 insertions(+), 4 deletions(-) create mode 100644 assets/index-0131f534.css rename assets/{index-56655bff.js => index-2c090153.js} (99%) delete mode 100644 assets/index-fb13596e.css diff --git a/assets/index-0131f534.css b/assets/index-0131f534.css new file mode 100644 index 0000000..eefae50 --- /dev/null +++ b/assets/index-0131f534.css @@ -0,0 +1 @@ +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{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{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-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,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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,: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 / .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 / .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: }.invisible{visibility:hidden}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.-left-\[6\%\]{left:-6%}.bottom-0{bottom:0px}.bottom-\[5vw\]{bottom:5vw}.left-0{left:0px}.left-1\/2{left:50%}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-3{right:.75rem}.top-0{top:0px}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[500\]{z-index:500}.z-\[600\]{z-index:600}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\[2vw\]{margin-left:2vw;margin-right:2vw}.mx-\[3vw\]{margin-left:3vw;margin-right:3vw}.mx-auto{margin-left:auto;margin-right:auto}.my-\[5\%\]{margin-top:5%;margin-bottom:5%}.-mb-\[2vw\]{margin-bottom:-2vw}.mb-\[10vw\]{margin-bottom:10vw}.mb-\[1ch\]{margin-bottom:1ch}.mb-\[7\%\]{margin-bottom:7%}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-7{margin-top:1.75rem}.mt-\[10\%\]{margin-top:10%}.mt-\[11\%\]{margin-top:11%}.mt-\[20\%\]{margin-top:20%}.mt-\[4\%\]{margin-top:4%}.mt-\[5vw\]{margin-top:5vw}.mt-\[6\%\]{margin-top:6%}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[1853\/483\]{aspect-ratio:1853/483}.aspect-\[2\.5\]{aspect-ratio:2.5}.aspect-\[501\/620\]{aspect-ratio:501/620}.aspect-\[625\/694\]{aspect-ratio:625/694}.aspect-\[775\/620\]{aspect-ratio:775/620}.aspect-\[782\/168\]{aspect-ratio:782/168}.aspect-square{aspect-ratio:1 / 1}.h-1\/3{height:33.333333%}.h-1\/5{height:20%}.h-5\/6{height:83.333333%}.h-\[0\.2vw\]{height:.2vw}.h-\[1\%\]{height:1%}.h-\[100\%\]{height:100%}.h-\[16vh\]{height:16vh}.h-\[20vw\]{height:20vw}.h-\[35vw\]{height:35vw}.h-\[3vh\]{height:3vh}.h-\[3vw\]{height:3vw}.h-\[7\.7vw\]{height:7.7vw}.h-\[80\%\]{height:80%}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[22vh\]{max-height:22vh}.max-h-\[4vh\]{max-height:4vh}.min-h-\[22vh\]{min-height:22vh}.min-h-\[4vh\]{min-height:4vh}.w-10\/12{width:83.333333%}.w-\[100\%\]{width:100%}.w-\[10vw\]{width:10vw}.w-\[11vw\]{width:11vw}.w-\[15vw\]{width:15vw}.w-\[1vw\]{width:1vw}.w-\[23\%\]{width:23%}.w-\[2vw\]{width:2vw}.w-\[40vw\]{width:40vw}.w-\[46\%\]{width:46%}.w-\[50vw\]{width:50vw}.w-\[5vw\]{width:5vw}.w-\[64vw\]{width:64vw}.w-\[65\%\]{width:65%}.w-\[72\%\]{width:72%}.w-\[73\%\]{width:73%}.w-\[77\%\]{width:77%}.w-\[82vw\]{width:82vw}.w-\[84\%\]{width:84%}.w-\[86vw\]{width:86vw}.w-\[calc\(100\%-10vw\)\]{width:calc(100% - 10vw)}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[20\.9vw\]{min-width:20.9vw}.min-w-\[86\.2vw\]{min-width:86.2vw}.min-w-\[calc\(50\%-1vw\)\]{min-width:calc(50% - 1vw)}.max-w-\[50vw\]{max-width:50vw}.max-w-\[66vw\]{max-width:66vw}.max-w-\[6vw\]{max-width:6vw}.max-w-\[80vw\]{max-width:80vw}.max-w-\[85vw\]{max-width:85vw}.grow{flex-grow:1}.grow-\[0\.6\]{flex-grow:.6}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[2vw\]{--tw-translate-y: 2vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[2\]{--tw-scale-x: 2;--tw-scale-y: 2;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-end{align-items:flex-end}.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}.gap-5{gap:1.25rem}.gap-\[1\%\]{gap:1%}.gap-\[1ch\]{gap:1ch}.gap-\[1vw\]{gap:1vw}.gap-\[3\%\]{gap:3%}.gap-\[3vw\]{gap:3vw}.gap-\[5\%\]{gap:5%}.gap-\[5vw\]{gap:5vw}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.bg-\[\#05CCA3\]{--tw-bg-opacity: 1;background-color:rgb(5 204 163 / var(--tw-bg-opacity))}.bg-\[\#FFFFFF\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#05CCA3\]{--tw-gradient-from: #05CCA3;--tw-gradient-to: rgb(5 204 163 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5);--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#46AFE1\]{--tw-gradient-to: rgb(70 175 225 / 0);--tw-gradient-stops: var(--tw-gradient-from), #46AFE1, var(--tw-gradient-to)}.to-\[\#8085F0\]{--tw-gradient-to: #8085F0}.to-transparent{--tw-gradient-to: transparent}.bg-\[100\%\,100\%\]{background-size:100%,100%}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.p-\[\.1vw\]{padding:.1vw}.p-\[1vw\]{padding:1vw}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[1vw\]{padding-left:1vw;padding-right:1vw}.px-\[2vw\]{padding-left:2vw;padding-right:2vw}.px-\[3vw\]{padding-left:3vw;padding-right:3vw}.px-\[7vw\]{padding-left:7vw;padding-right:7vw}.py-\[1vw\]{padding-top:1vw;padding-bottom:1vw}.py-\[4vw\]{padding-top:4vw;padding-bottom:4vw}.pt-\[5vw\]{padding-top:5vw}.text-left{text-align:left}.text-center{text-align:center}.text-\[1\.5vw\]{font-size:1.5vw}.text-\[1\.65vw\]{font-size:1.65vw}.text-\[1\.87vw\]{font-size:1.87vw}.text-\[2\.4vw\]{font-size:2.4vw}.text-\[2vw\]{font-size:2vw}.text-\[3\.7vw\]{font-size:3.7vw}.text-\[3vw\]{font-size:3vw}.text-\[5vw\]{font-size:5vw}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-\[\#05CFA6\]{--tw-text-opacity: 1;color:rgb(5 207 166 / var(--tw-text-opacity))}.text-\[rgb\(14\,207\,166\)\]{--tw-text-opacity: 1;color:rgb(14 207 166 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html{font-family:Montserrat;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.circle-wrapper{width:100%;height:100%;position:absolute}.circle-animation{font-size:1.5em;text-align:center;width:70%;height:20%;margin-left:auto;margin-right:auto;position:relative;z-index:0;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes reveal{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%)}to{-webkit-clip-path:polygon(0% calc(.3em * -3),120% calc(.3em * -3),100% calc(100% + (.3em * 3)),-20% calc(100% + (.3em * 3)));clip-path:polygon(0% calc(.3em * -3),120% calc(.3em * -3),100% calc(100% + (.3em * 3)),-20% calc(100% + (.3em * 3)))}}.circle-animation:after{content:"";position:absolute;top:50%;left:50%;background-image:url(/mz-event-screen/circle-inner-5.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:85%;height:100%;transform:translate(-50%,-50%);-webkit-clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);z-index:10;animation:reveal 1s linear 1s forwards}.circle-text{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}h1,[data-title=true],[data-title=bold]{font-weight:700;color:#05cfa6}.full-screen-gradient{--rotation: 0;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(calc(var(--rotation) * 1deg),#0ad5b3 6.99%,#8592fa 97.18%)}.divider-gradient{background-image:linear-gradient(90deg,#05d6ad -.14%,#46b9eb 50.96%,#888ffa 99.98%)}.button-gradient{border-radius:200px}.question-progress-indicator{--offset: -15%;--progress: 0;left:calc(var(--progress) * 100%);translate:calc((var(--progress) * -100%) + var(--offset))}.question-progress-indicator-tail{--offset-from: 2%;--offset-to: -1%;--progress: 0;width:calc((100% * var(--progress)) + (var(--offset-from) + (var(--progress) - 0) * (var(--offset-to) - var(--offset-from)) / (1 - 0)));height:15%;border-radius:max(100vw,100vh);background-color:#dc143c;position:absolute;top:-28.5%;left:0;background-image:linear-gradient(90deg,#0ad5b3 6.99%,#8592fa 97.18%)}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-\[calc\(100\%-1\.5vw\)\]:before{content:var(--tw-content);height:calc(100% - 1.5vw)}.before\:h-\[calc\(100\%-1\.6vw\)\]:before{content:var(--tw-content);height:calc(100% - 1.6vw)}.before\:w-\[calc\(100\%-\.4vw\)\]:before{content:var(--tw-content);width:calc(100% - .4vw)}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-cover:before{content:var(--tw-content);background-size:cover}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:h-\[calc\(100\%-\.3vw\)\]:after{content:var(--tw-content);height:calc(100% - .3vw)}.after\:h-\[calc\(100\%-\.4vw\)\]:after{content:var(--tw-content);height:calc(100% - .4vw)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[calc\(100\%-\.4vw\)\]:after{content:var(--tw-content);width:calc(100% - .4vw)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}.after\:from-black:after{content:var(--tw-content);--tw-gradient-from: #000;--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to: transparent}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}@media (min-width: 1024px){.lg\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}}@media (min-width: 1280px){.xl\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}} diff --git a/assets/index-56655bff.js b/assets/index-2c090153.js similarity index 99% rename from assets/index-56655bff.js rename to assets/index-2c090153.js index 9c2460c..bc11be3 100644 --- a/assets/index-56655bff.js +++ b/assets/index-2c090153.js @@ -108,7 +108,7 @@ Error generating stack: `+s.message+` * @website https://github.com/cssinjs/jss * @license MIT */gw();var yw=Date.now(),yu="fnValues"+yw,wu="fnStyle"+ ++yw,y_=function(){return{onCreateRule:function(n,r,i){if(typeof r!="function")return null;var s=cl(n,{},i);return s[wu]=r,s},onProcessStyle:function(n,r){if(yu in r||wu in r)return n;var i={};for(var s in n){var o=n[s];typeof o=="function"&&(delete n[s],i[s]=o)}return r[yu]=i,n},onUpdate:function(n,r,i,s){var o=r,a=o[wu];a&&(o.style=a(n)||{});var l=o[yu];if(l)for(var u in l)o.prop(u,l[u](n),s)}}};const w_=y_;function x_(e){var t,n=e.Symbol;return typeof n=="function"?n.observable?t=n.observable:(t=n("observable"),n.observable=t):t="@@observable",t}var yr;typeof self<"u"?yr=self:typeof window<"u"?yr=window:typeof global<"u"?yr=global:typeof bf<"u"?yr=bf:yr=Function("return this")();var wg=x_(yr),xg=function(t){return t&&t[wg]&&t===t[wg]()},S_=function(t){return{onCreateRule:function(r,i,s){if(!xg(i))return null;var o=i,a=cl(r,{},s);return o.subscribe(function(l){for(var u in l)a.prop(u,l[u],t)}),a},onProcessRule:function(r){if(!(r&&r.type!=="style")){var i=r,s=i.style,o=function(c){var f=s[c];if(!xg(f))return"continue";delete s[c],f.subscribe({next:function(h){i.prop(c,h,t)}})};for(var a in s)var l=o(a)}}}};const E_=S_;var P_=/;\n/,C_=function(t){for(var n={},r=t.split(P_),i=0;i-1)return pf(e,t.split(" "));var i=e.options.parent;if(t[0]==="$"){var s=i.getRule(t.substr(1));return!s||s===e?!1:(i.classes[e.key]+=" "+i.classes[s.key],!0)}return i.classes[e.key]+=" "+t,!0}function F_(){function e(t,n){return"composes"in t&&(pf(n,t.composes),delete t.composes),t}return{onProcessStyle:e}}var V_=/[A-Z]/g,z_=/^ms-/,Su={};function B_(e){return"-"+e.toLowerCase()}function xw(e){if(Su.hasOwnProperty(e))return Su[e];var t=e.replace(V_,B_);return Su[e]=z_.test(t)?"-"+t:t}function ya(e){var t={};for(var n in e){var r=n.indexOf("--")===0?n:xw(n);t[r]=e[n]}return e.fallbacks&&(Array.isArray(e.fallbacks)?t.fallbacks=e.fallbacks.map(ya):t.fallbacks=ya(e.fallbacks)),t}function U_(){function e(n){if(Array.isArray(n)){for(var r=0;re.length)&&(t=e.length);for(var n=0,r=new Array(t);n-1){var s=kw[t];if(!Array.isArray(s))return V.js+Cn(s)in n?V.css+s:!1;if(!i)return!1;for(var o=0;or?1:-1:n.length-r.length};return{onProcessStyle:function(n,r){if(r.type!=="style")return n;for(var i={},s=Object.keys(n).sort(e),o=0;o-1}var Lj=jj,Mj=hl;function Nj(e,t){var n=this.__data__,r=Mj(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var $j=Nj,Ij=xj,Dj=Rj,Fj=_j,Vj=Lj,zj=$j;function ri(e){var t=-1,n=e==null?0:e.length;for(this.clear();++ta))return!1;var u=s.get(e),c=s.get(t);if(u&&c)return u==t&&c==e;var f=-1,d=!0,h=n&eN?new XM:void 0;for(s.set(e,t),s.set(t,e);++f360?n-360:n},Fw=function(){return Math.random()>.5},Vw=[0,0,1],uh=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],Vw],lD=function(e){return!oD(uh[e],Vw)&&Fw()},ev=200,uD=800,cD=.1,fD=.25,tv=.5,dD=uh.reduce(function(e,t,n){var r;return ge(ge({},e),(r={},r["@keyframes rotation-".concat(n)]={"50%":{transform:"rotate3d(".concat(t.map(function(i){return i/2}).join(),", 180deg)")},"100%":{transform:"rotate3d(".concat(t.join(),", 360deg)")}},r))},{}),hD=function(e,t,n){var r=typeof t=="string"?t:"".concat(t,"px"),i=e.reduce(function(s,o,a){var l,u=Pf(Math.abs(Dw(o,90)-180),0,180,-n/2,n/2);return ge(ge({},s),(l={},l["@keyframes x-axis-".concat(a)]={to:{transform:"translateX(".concat(u,"px)")}},l))},{});return ge({"@keyframes y-axis":{to:{transform:"translateY(".concat(r,")")}}},i)},pD=function(e,t,n,r,i){var s,o=Math.round(Math.random()*(uD-ev)+ev),a=Math.round(Math.random()*(uh.length-1)),l=t-Math.round(Math.random()*1e3),u=Math.random() div":{width:c?r:Math.round(Math.random()*4)+r/2,height:c?r:Math.round(Math.random()*2)+r,animation:"$y-axis ".concat(l,"ms forwards cubic-bezier(").concat(v,", ").concat(E,", ").concat(g,", ").concat(m,")"),"&:after":ge({backgroundColor:e.color,animation:"$rotation-".concat(a," ").concat(o,"ms infinite linear")},c?{borderRadius:"50%"}:{})}},s},mD=function(e){var t=e.particles,n=e.duration,r=e.height,i=e.width,s=e.force,o=e.particleSize,a=t.reduce(function(l,u,c){return ge(ge({},l),pD(u,n,s,o,c))},{});return QO(ge(ge(ge({},dD),hD(t.map(function(l){return l.degree}),r,i)),{container:{width:0,height:0,position:"relative"},screen:{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"hidden",pointerEvents:"none"},particle:ge(ge({},a),{"& > div":{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}})}),{name:"confetti-explosion"})},gD=.5,vD=12,yD="120vh",wD=1e3,xD=100,SD=2200,ED=["#FFC700","#FF0000","#2E3191","#41BBC7"],PD=function(e,t){var n=360/e;return cA(e).map(function(r){return{color:t[r%t.length],degree:n*r}})};function CD(e){var t=e.particleCount,n=t===void 0?xD:t,r=e.duration,i=r===void 0?SD:r,s=e.colors,o=s===void 0?ED:s,a=e.particleSize,l=a===void 0?vD:a,u=e.force,c=u===void 0?gD:u,f=e.height,d=f===void 0?yD:f,h=e.width,p=h===void 0?wD:h,v=e.zIndex,E=e.onComplete,g=aD(e,["particleCount","duration","colors","particleSize","force","height","width","zIndex","onComplete"]),m=w.useState(),y=m[0],x=m[1],C=PD(n,o),R=mD({particles:C,duration:i,particleSize:l,force:c,width:p,height:d})(),b=w.useCallback(function(A){if(A){var N=A.getBoundingClientRect(),M=N.top,G=N.left;x({top:M,left:G})}},[]);return w.useEffect(function(){if(typeof E=="function"){var A=setTimeout(E,i);return function(){return clearTimeout(A)}}},[i,E]),S.jsx("div",ge({ref:b,className:R.container},g,{children:y&&$o.createPortal(S.jsx("div",ge({className:R.screen},v?{style:{zIndex:v}}:null,{children:S.jsx("div",ge({style:{position:"absolute",top:y.top,left:y.left}},{children:C.map(function(A,N){return S.jsx("div",ge({id:"confetti-particle-".concat(N),className:R.particle},{children:S.jsx("div",{})}),A.degree)})}))})),document.body)}))}function zw(e){return new Promise((t,n)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>n(e.error)})}function TD(e,t){const n=indexedDB.open(e);n.onupgradeneeded=()=>n.result.createObjectStore(t);const r=zw(n);return(i,s)=>r.then(o=>s(o.transaction(t,i).objectStore(t)))}let ju;function kD(){return ju||(ju=TD("keyval-store","keyval")),ju}function mo(e,t,n=kD()){return n("readwrite",r=>new Promise((i,s)=>{r.get(e).onsuccess=function(){try{r.put(t(this.result),e),i(zw(r.transaction))}catch(o){s(o)}}}))}class RD{constructor(t){Mn(this,"serverUrlEndpoint");Mn(this,"mode");Mn(this,"timeout");Mn(this,"syncInterval");Mn(this,"syncChunkSize");Mn(this,"ids",[]);this.ids=t.ids,this.serverUrlEndpoint=t.serverUrl,this.mode=t.mode,this.syncInterval=t.syncInterval??5e3,this.syncChunkSize=t.syncChunkSize??10}async save(t,n){this.ids.includes(t)||this.ids.push(t),await mo(t,(r=[])=>r.concat({...n,uuid:this.uuid(),syncingToServer:!1,syncedToServer:!1}))}start(){Promise.allSettled(this.ids.map(async t=>{try{await mo(t,(n=[])=>n.map(r=>r.syncingToServer&&!r.syncedToServer?{...r,syncingToServer:!1}:r))}catch(n){console.error(n)}})).finally(()=>this.process())}process(){if(clearTimeout(this.timeout),this.ids.length===0){this.timeout=setTimeout(()=>this.process(),this.syncInterval);return}Promise.allSettled(this.ids.map(t=>this.sync(t))).finally(()=>{this.timeout=setTimeout(()=>this.process(),this.syncInterval)})}async sync(t){let n=[];try{await mo(t,(i=[])=>(n=i.filter(s=>!s.syncingToServer&&!s.syncedToServer),i.map(s=>s.syncingToServer||s.syncedToServer?s:{...s,syncingToServer:!0})))}catch(i){console.error(i)}const r=this.chunk(n,this.syncChunkSize);for(const i of r){const s=i.map(a=>a.uuid);let o=[];try{(await fetch(this.serverUrlEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:t,hostname:location.hostname,mode:this.mode,entries:i})})).ok&&(o=[...s])}catch(a){console.error(a)}try{await mo(t,(a=[])=>a.map(l=>s.includes(l.uuid)?{...l,syncingToServer:!1,syncedToServer:o.includes(l.uuid)}:l))}catch(a){console.error(a)}}}chunk(t,n){const r=[];for(let i=0;i{let i=Math.random()*16;return t>0?(i=(t+i)%16|0,t=Math.floor(t/16)):(i=(n+i)%16|0,n=Math.floor(n/16)),(r==="x"?i:i&3|8).toString(16)})}}const Bw=new RD({ids:["surveys"],serverUrl:{}.VITE_SERVER_URL,mode:"production"}),qt=[{question:"What's your biggest transformation challenge?",options:["Culture Transformation","Digital Transformation","Brand & Proposition","Leadership Capabilities"]},{question:"What topics do you want to talk about? (Select all that apply)",options:["Diversity, Equity & Inclusion","Storytelling for Leaders","ESG","Compliance","Onboarding","Wellbeing"]},{question:"What services do you need? (Select all that apply)",options:["📰 Newsroom","📣 Comms support","🎬 Storytelling","🎥 Films","🎨 Animations","🖌️ Graphic design","🚫 None, we do it all in-house"],multiple:!0}];function bD(){const e=Bt();ve.useState(0);const[t,n]=ve.useState(0),[r,i]=ve.useState(!1),s=ve.useRef([]),o=ve.useRef(null),a=ve.useCallback(()=>{const l=o.current;if(l===null||l.value==="")return;s.current.push(l.value);const u=t+1;u>qt.length-1&&(localStorage.setItem("mz-event-screen",JSON.stringify(s.current)),Bw.save("surveys",{answers:s.current,createdAt:new Date().toISOString()}).then(()=>console.log("survey saved")).catch(console.error),i(!0)),n(u)},[t]);return S.jsx(S.Fragment,{children:S.jsxs("div",{className:"relative flex flex-col justify-start items-center w-full h-full bg-cover bg-no-repeat z-50",children:[!r&&S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"text-[1.5vw] mt-[11%] w-[10vw] h-[3vw] text-center",children:[t+1,"/",qt.length]}),S.jsx("div",{className:"divider-gradient w-[11vw] h-[0.2vw]"}),S.jsx("div",{className:"w-[86vw] aspect-[1853/483] whitespace-pre-wrap mt-[6%] text-[3.7vw] text-center",children:qt[t].question}),S.jsxs("div",{className:"w-[64vw] pt-[5vw] mt-[5vw] relative",children:[S.jsx("input",{ref:o,type:"hidden"},t),qt[t].options.map((l,u)=>S.jsxs("div",{className:"text-[3vw] mb-[1ch] flex items-center gap-[1ch] whitespace-pre-wrap",children:[S.jsx("input",{type:qt[t].multiple?"checkbox":"radio",id:`question-${u}-${t}`,name:"question",value:l,className:"h-[3vw] aspect-square",onInput:c=>{const f=o.current;if(f===null)return;let d=c.currentTarget.value;if(qt[t].multiple){const h=c.currentTarget.checked,p=f.value.split(";").filter(v=>v!==d);h&&p.push(d),d=p.join(";")}f.value=d.replace(/^;/,"")}}),S.jsx("label",{htmlFor:`question-${u}-${t}`,children:l})]},`${t}-${u}`))]})]}),r&&S.jsx("div",{className:"flex items-center justify-center h-5/6",children:S.jsx("div",{className:"text-[3.7vw] text-center",children:"Enjoy your cupcake! 🧁"})}),t<=qt.length-1&&S.jsxs("button",{className:"button-gradient text-[1.87vw] h-[7.7vw] aspect-[782/168] mt-[20%] relative",onClick:a,children:[t===qt.length-1?"FINISH":"NEXT QUESTION",S.jsxs("svg",{width:"784",height:"169",viewBox:"0 0 784 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute top-0 left-0 w-[100%] h-[100%]",children:[S.jsx("rect",{x:"4.77441",y:"4.28467",width:"774.933",height:"160",rx:"80",stroke:"url(#paint0_linear_2_222)",strokeWidth:"8"}),S.jsx("defs",{children:S.jsxs("linearGradient",{id:"paint0_linear_2_222",x1:"39.929",y1:"76.7536",x2:"690.641",y2:"76.7536",gradientUnits:"userSpaceOnUse",children:[S.jsx("stop",{stopColor:"#7C97F8"}),S.jsx("stop",{offset:"1",stopColor:"#069479"})]})})]})]}),r&&S.jsx(CD,{width:window.innerWidth*1.2,height:window.innerHeight*1.2,style:{position:"absolute",left:"50%",top:"0",width:"100%",height:"100%"},particleCount:500,particleSize:24,duration:5e3,force:.4,onComplete:()=>{e("/3")}})]})})}const AD="/mz-event-screen/assets/Image1-d1af7236.png",_D="/mz-event-screen/assets/Image2-878869f4.png",OD="/mz-event-screen/assets/Image3-cf1f3290.png",jD="/mz-event-screen/assets/Image4-6ff62010.png";function LD(){const e=Os(i=>i.setBackground),t=Bt(),n=Ub(),r=w.useMemo(()=>{const i={page1:AD,page2:_D,page3:OD,page4:jD};return JSON.parse(localStorage.getItem("mz-event-screen")??"[]").pop(),Object.entries(i).map(([o,a],l)=>({title:o,image:a}))},[]);return w.useEffect(()=>{n.start(i=>({opacity:1,transition:{delay:i*.5+1,duration:1}}))},[]),w.useEffect(()=>{e("black")},[]),S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"w-full h-5/6 flex flex-col items-center justify-center gap-[1%] relative z-[100]",children:[S.jsx("div",{className:"w-10/12 flex",children:S.jsx(tr.button,{...Xr(2),onClick:()=>{t("/2")},className:"text-[3vw] px-[2vw] rounded-full bg-gradient-to-r from-[#05CCA3] via-[#46AFE1] to-[#8085F0]",children:"BACK"})}),r.map((i,s)=>S.jsx(tr.img,{onClick:()=>{t(`/4/${i.title}`)},initial:{opacity:0},custom:s,animate:n,className:"lg:my-5 xl:my-10",src:i.image},s))]}),S.jsx(Ja,{})]})}const MD=({items:e})=>{const[t,n]=w.useState(-1),r=w.useRef(!1),i=w.useRef([]),s=An(),{title:o}=Fa(),a=Bt(),l=w.useRef(null),[u,c]=w.useState(!0);function f(h){return h.scrollHeight>h.clientHeight||h.scrollWidth>h.clientWidth}const d=()=>{const h=Math.floor(e.length/2),p=i.current[h];p==null||p.scrollIntoView({block:"nearest",inline:"center"}),n(h)};return w.useEffect(()=>{l.current&&c(f(l.current)),setTimeout(()=>{d()},200)},[e,l,s]),w.useEffect(()=>{var h;t!==-1&&((h=i.current[t])==null||h.scrollIntoView({behavior:"smooth",block:"nearest"}))},[t]),S.jsxs("div",{className:"w-full flex justify-center text-white",children:[S.jsx("button",{className:`${e.length===1&&"invisible"} max-w-[6vw] aspect-square mx-5 -translate-y-5`,onClick:()=>{t!==0&&n(h=>h-1)},children:S.jsx("img",{className:"w-full h-full",src:"./carousel-left.svg"})}),S.jsxs("div",{className:"flex flex-col items-center max-w-[66vw]",children:[S.jsx("div",{ref:l,className:`${!u&&"justify-center"} w-full max-w-[85vw] h-[35vw] flex items-center gap-5 overflow-hidden text-white`,children:e.map((h,p)=>S.jsxs("div",{id:`carousel-${p}`,ref:v=>i.current[p]=v,onClick:()=>{a(`/5/${o}/${h.title}`)},onMouseEnter:()=>{r.current||(r.current=!0,n(p))},onMouseLeave:()=>r.current=!1,style:{aspectRatio:t===p?.62:.73},className:`relative cursor-pointer text-white flex items-end +In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function nO(e){return Y_(e)||Z_(e)||eO(e)||tO()}var _i="",gf="",Cw="",Tw="",rO=ti&&"ontouchstart"in document.documentElement;if(ti){var Pu={Moz:"-moz-",ms:"-ms-",O:"-o-",Webkit:"-webkit-"},iO=document.createElement("p"),Cu=iO.style,sO="Transform";for(var Tu in Pu)if(Tu+sO in Cu){_i=Tu,gf=Pu[Tu];break}_i==="Webkit"&&"msHyphens"in Cu&&(_i="ms",gf=Pu.ms,Tw="edge"),_i==="Webkit"&&"-apple-trailing-word"in Cu&&(Cw="apple")}var V={js:_i,css:gf,vendor:Cw,browser:Tw,isTouch:rO};function oO(e){return e[1]==="-"||V.js==="ms"?e:"@"+V.css+"keyframes"+e.substr(10)}var aO={noPrefill:["appearance"],supportedProperty:function(t){return t!=="appearance"?!1:V.js==="ms"?"-webkit-"+t:V.css+t}},lO={noPrefill:["color-adjust"],supportedProperty:function(t){return t!=="color-adjust"?!1:V.js==="Webkit"?V.css+"print-"+t:t}},uO=/[-\s]+(.)?/g;function cO(e,t){return t?t.toUpperCase():""}function oh(e){return e.replace(uO,cO)}function Cn(e){return oh("-"+e)}var fO={noPrefill:["mask"],supportedProperty:function(t,n){if(!/^mask/.test(t))return!1;if(V.js==="Webkit"){var r="mask-image";if(oh(r)in n)return t;if(V.js+Cn(r)in n)return V.css+t}return t}},dO={noPrefill:["text-orientation"],supportedProperty:function(t){return t!=="text-orientation"?!1:V.vendor==="apple"&&!V.isTouch?V.css+t:t}},hO={noPrefill:["transform"],supportedProperty:function(t,n,r){return t!=="transform"?!1:r.transform?t:V.css+t}},pO={noPrefill:["transition"],supportedProperty:function(t,n,r){return t!=="transition"?!1:r.transition?t:V.css+t}},mO={noPrefill:["writing-mode"],supportedProperty:function(t){return t!=="writing-mode"?!1:V.js==="Webkit"||V.js==="ms"&&V.browser!=="edge"?V.css+t:t}},gO={noPrefill:["user-select"],supportedProperty:function(t){return t!=="user-select"?!1:V.js==="Moz"||V.js==="ms"||V.vendor==="apple"?V.css+t:t}},vO={supportedProperty:function(t,n){if(!/^break-/.test(t))return!1;if(V.js==="Webkit"){var r="WebkitColumn"+Cn(t);return r in n?V.css+"column-"+t:!1}if(V.js==="Moz"){var i="page"+Cn(t);return i in n?"page-"+t:!1}return!1}},yO={supportedProperty:function(t,n){if(!/^(border|margin|padding)-inline/.test(t))return!1;if(V.js==="Moz")return t;var r=t.replace("-inline","");return V.js+Cn(r)in n?V.css+r:!1}},wO={supportedProperty:function(t,n){return oh(t)in n?t:!1}},xO={supportedProperty:function(t,n){var r=Cn(t);return t[0]==="-"||t[0]==="-"&&t[1]==="-"?t:V.js+r in n?V.css+t:V.js!=="Webkit"&&"Webkit"+r in n?"-webkit-"+t:!1}},SO={supportedProperty:function(t){return t.substring(0,11)!=="scroll-snap"?!1:V.js==="ms"?""+V.css+t:t}},EO={supportedProperty:function(t){return t!=="overscroll-behavior"?!1:V.js==="ms"?V.css+"scroll-chaining":t}},PO={"flex-grow":"flex-positive","flex-shrink":"flex-negative","flex-basis":"flex-preferred-size","justify-content":"flex-pack",order:"flex-order","align-items":"flex-align","align-content":"flex-line-pack"},CO={supportedProperty:function(t,n){var r=PO[t];return r&&V.js+Cn(r)in n?V.css+r:!1}},kw={flex:"box-flex","flex-grow":"box-flex","flex-direction":["box-orient","box-direction"],order:"box-ordinal-group","align-items":"box-align","flex-flow":["box-orient","box-direction"],"justify-content":"box-pack"},TO=Object.keys(kw),kO=function(t){return V.css+t},RO={supportedProperty:function(t,n,r){var i=r.multiple;if(TO.indexOf(t)>-1){var s=kw[t];if(!Array.isArray(s))return V.js+Cn(s)in n?V.css+s:!1;if(!i)return!1;for(var o=0;or?1:-1:n.length-r.length};return{onProcessStyle:function(n,r){if(r.type!=="style")return n;for(var i={},s=Object.keys(n).sort(e),o=0;o-1}var Lj=jj,Mj=hl;function Nj(e,t){var n=this.__data__,r=Mj(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this}var $j=Nj,Ij=xj,Dj=Rj,Fj=_j,Vj=Lj,zj=$j;function ri(e){var t=-1,n=e==null?0:e.length;for(this.clear();++ta))return!1;var u=s.get(e),c=s.get(t);if(u&&c)return u==t&&c==e;var f=-1,d=!0,h=n&eN?new XM:void 0;for(s.set(e,t),s.set(t,e);++f360?n-360:n},Fw=function(){return Math.random()>.5},Vw=[0,0,1],uh=[[1,1,0],[1,0,1],[0,1,1],[1,0,0],[0,1,0],Vw],lD=function(e){return!oD(uh[e],Vw)&&Fw()},ev=200,uD=800,cD=.1,fD=.25,tv=.5,dD=uh.reduce(function(e,t,n){var r;return ge(ge({},e),(r={},r["@keyframes rotation-".concat(n)]={"50%":{transform:"rotate3d(".concat(t.map(function(i){return i/2}).join(),", 180deg)")},"100%":{transform:"rotate3d(".concat(t.join(),", 360deg)")}},r))},{}),hD=function(e,t,n){var r=typeof t=="string"?t:"".concat(t,"px"),i=e.reduce(function(s,o,a){var l,u=Pf(Math.abs(Dw(o,90)-180),0,180,-n/2,n/2);return ge(ge({},s),(l={},l["@keyframes x-axis-".concat(a)]={to:{transform:"translateX(".concat(u,"px)")}},l))},{});return ge({"@keyframes y-axis":{to:{transform:"translateY(".concat(r,")")}}},i)},pD=function(e,t,n,r,i){var s,o=Math.round(Math.random()*(uD-ev)+ev),a=Math.round(Math.random()*(uh.length-1)),l=t-Math.round(Math.random()*1e3),u=Math.random() div":{width:c?r:Math.round(Math.random()*4)+r/2,height:c?r:Math.round(Math.random()*2)+r,animation:"$y-axis ".concat(l,"ms forwards cubic-bezier(").concat(v,", ").concat(E,", ").concat(g,", ").concat(m,")"),"&:after":ge({backgroundColor:e.color,animation:"$rotation-".concat(a," ").concat(o,"ms infinite linear")},c?{borderRadius:"50%"}:{})}},s},mD=function(e){var t=e.particles,n=e.duration,r=e.height,i=e.width,s=e.force,o=e.particleSize,a=t.reduce(function(l,u,c){return ge(ge({},l),pD(u,n,s,o,c))},{});return QO(ge(ge(ge({},dD),hD(t.map(function(l){return l.degree}),r,i)),{container:{width:0,height:0,position:"relative"},screen:{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"hidden",pointerEvents:"none"},particle:ge(ge({},a),{"& > div":{position:"absolute",left:0,top:0,"&:after":{content:"''",display:"block",width:"100%",height:"100%"}}})}),{name:"confetti-explosion"})},gD=.5,vD=12,yD="120vh",wD=1e3,xD=100,SD=2200,ED=["#FFC700","#FF0000","#2E3191","#41BBC7"],PD=function(e,t){var n=360/e;return cA(e).map(function(r){return{color:t[r%t.length],degree:n*r}})};function CD(e){var t=e.particleCount,n=t===void 0?xD:t,r=e.duration,i=r===void 0?SD:r,s=e.colors,o=s===void 0?ED:s,a=e.particleSize,l=a===void 0?vD:a,u=e.force,c=u===void 0?gD:u,f=e.height,d=f===void 0?yD:f,h=e.width,p=h===void 0?wD:h,v=e.zIndex,E=e.onComplete,g=aD(e,["particleCount","duration","colors","particleSize","force","height","width","zIndex","onComplete"]),m=w.useState(),y=m[0],x=m[1],C=PD(n,o),R=mD({particles:C,duration:i,particleSize:l,force:c,width:p,height:d})(),b=w.useCallback(function(A){if(A){var N=A.getBoundingClientRect(),M=N.top,G=N.left;x({top:M,left:G})}},[]);return w.useEffect(function(){if(typeof E=="function"){var A=setTimeout(E,i);return function(){return clearTimeout(A)}}},[i,E]),S.jsx("div",ge({ref:b,className:R.container},g,{children:y&&$o.createPortal(S.jsx("div",ge({className:R.screen},v?{style:{zIndex:v}}:null,{children:S.jsx("div",ge({style:{position:"absolute",top:y.top,left:y.left}},{children:C.map(function(A,N){return S.jsx("div",ge({id:"confetti-particle-".concat(N),className:R.particle},{children:S.jsx("div",{})}),A.degree)})}))})),document.body)}))}function zw(e){return new Promise((t,n)=>{e.oncomplete=e.onsuccess=()=>t(e.result),e.onabort=e.onerror=()=>n(e.error)})}function TD(e,t){const n=indexedDB.open(e);n.onupgradeneeded=()=>n.result.createObjectStore(t);const r=zw(n);return(i,s)=>r.then(o=>s(o.transaction(t,i).objectStore(t)))}let ju;function kD(){return ju||(ju=TD("keyval-store","keyval")),ju}function mo(e,t,n=kD()){return n("readwrite",r=>new Promise((i,s)=>{r.get(e).onsuccess=function(){try{r.put(t(this.result),e),i(zw(r.transaction))}catch(o){s(o)}}}))}class RD{constructor(t){Mn(this,"serverUrlEndpoint");Mn(this,"mode");Mn(this,"timeout");Mn(this,"syncInterval");Mn(this,"syncChunkSize");Mn(this,"ids",[]);this.ids=t.ids,this.serverUrlEndpoint=t.serverUrl,this.mode=t.mode,this.syncInterval=t.syncInterval??5e3,this.syncChunkSize=t.syncChunkSize??10}async save(t,n){this.ids.includes(t)||this.ids.push(t),await mo(t,(r=[])=>r.concat({...n,uuid:this.uuid(),syncingToServer:!1,syncedToServer:!1}))}start(){Promise.allSettled(this.ids.map(async t=>{try{await mo(t,(n=[])=>n.map(r=>r.syncingToServer&&!r.syncedToServer?{...r,syncingToServer:!1}:r))}catch(n){console.error(n)}})).finally(()=>this.process())}process(){if(clearTimeout(this.timeout),this.ids.length===0){this.timeout=setTimeout(()=>this.process(),this.syncInterval);return}Promise.allSettled(this.ids.map(t=>this.sync(t))).finally(()=>{this.timeout=setTimeout(()=>this.process(),this.syncInterval)})}async sync(t){let n=[];try{await mo(t,(i=[])=>(n=i.filter(s=>!s.syncingToServer&&!s.syncedToServer),i.map(s=>s.syncingToServer||s.syncedToServer?s:{...s,syncingToServer:!0})))}catch(i){console.error(i)}const r=this.chunk(n,this.syncChunkSize);for(const i of r){const s=i.map(a=>a.uuid);let o=[];try{(await fetch(this.serverUrlEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:t,hostname:location.hostname,mode:this.mode,entries:i})})).ok&&(o=[...s])}catch(a){console.error(a)}try{await mo(t,(a=[])=>a.map(l=>s.includes(l.uuid)?{...l,syncingToServer:!1,syncedToServer:o.includes(l.uuid)}:l))}catch(a){console.error(a)}}}chunk(t,n){const r=[];for(let i=0;i{let i=Math.random()*16;return t>0?(i=(t+i)%16|0,t=Math.floor(t/16)):(i=(n+i)%16|0,n=Math.floor(n/16)),(r==="x"?i:i&3|8).toString(16)})}}const Bw=new RD({ids:["surveys"],serverUrl:{}.VITE_SERVER_URL,mode:"production"}),qt=[{question:"What's your biggest transformation challenge?",options:["Culture Transformation","Digital Transformation","Brand & Proposition","Leadership Capabilities"]},{question:"What topics do you want to talk about? (Select all that apply)",options:["Diversity, Equity & Inclusion","Storytelling for Leaders","ESG","Compliance","Onboarding","Wellbeing"]},{question:"What services do you need? (Select all that apply)",options:["📰 Newsroom","📣 Comms support","🎬 Storytelling","🎥 Films","🎨 Animations","🖌️ Graphic design","🚫 None, we do it all in-house"],multiple:!0}];function bD(){const e=Bt();ve.useState(0);const[t,n]=ve.useState(0),[r,i]=ve.useState(!1),s=ve.useRef([]),o=ve.useRef(null),a=ve.useCallback(()=>{const l=o.current;if(l===null||l.value==="")return;s.current.push(l.value);const u=t+1;u>qt.length-1&&(localStorage.setItem("mz-event-screen",JSON.stringify(s.current)),Bw.save("surveys",{answers:s.current,createdAt:new Date().toISOString()}).then(()=>console.log("survey saved")).catch(console.error),i(!0)),n(u)},[t]);return S.jsx(S.Fragment,{children:S.jsxs("div",{className:"relative flex flex-col justify-start items-center w-full h-full bg-cover bg-no-repeat z-50",children:[!r&&S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"text-[1.5vw] mt-[11%] w-[10vw] h-[3vw] text-center",children:[t+1,"/",qt.length]}),S.jsx("div",{className:"divider-gradient w-[11vw] h-[0.2vw]"}),S.jsx("div",{className:"w-[86vw] aspect-[1853/483] whitespace-pre-wrap mt-[6%] text-[3.7vw] text-center",children:qt[t].question}),S.jsxs("div",{className:"w-[64vw] pt-[5vw] mt-[5vw] relative",children:[S.jsx("input",{ref:o,type:"hidden"},t),qt[t].options.map((l,u)=>S.jsxs("div",{className:"text-[3vw] mb-[1ch] flex items-center gap-[1ch] whitespace-pre-wrap",children:[S.jsx("input",{type:qt[t].multiple?"checkbox":"radio",id:`question-${u}-${t}`,name:"question",value:l,className:"aspect-square scale-[2]",onInput:c=>{const f=o.current;if(f===null)return;let d=c.currentTarget.value;if(qt[t].multiple){const h=c.currentTarget.checked,p=f.value.split(";").filter(v=>v!==d);h&&p.push(d),d=p.join(";")}f.value=d.replace(/^;/,"")}}),S.jsx("label",{htmlFor:`question-${u}-${t}`,children:l})]},`${t}-${u}`))]})]}),r&&S.jsx("div",{className:"flex items-center justify-center h-5/6",children:S.jsx("div",{className:"text-[3.7vw] text-center",children:"Enjoy your cupcake! 🧁"})}),t<=qt.length-1&&S.jsxs("button",{className:"button-gradient text-[1.87vw] h-[7.7vw] aspect-[782/168] mt-[20%] relative",onClick:a,children:[t===qt.length-1?"FINISH":"NEXT QUESTION",S.jsxs("svg",{width:"784",height:"169",viewBox:"0 0 784 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"absolute top-0 left-0 w-[100%] h-[100%]",children:[S.jsx("rect",{x:"4.77441",y:"4.28467",width:"774.933",height:"160",rx:"80",stroke:"url(#paint0_linear_2_222)",strokeWidth:"8"}),S.jsx("defs",{children:S.jsxs("linearGradient",{id:"paint0_linear_2_222",x1:"39.929",y1:"76.7536",x2:"690.641",y2:"76.7536",gradientUnits:"userSpaceOnUse",children:[S.jsx("stop",{stopColor:"#7C97F8"}),S.jsx("stop",{offset:"1",stopColor:"#069479"})]})})]})]}),r&&S.jsx(CD,{width:window.innerWidth*1.2,height:window.innerHeight*1.2,style:{position:"absolute",left:"50%",top:"0",width:"100%",height:"100%"},particleCount:500,particleSize:24,duration:5e3,force:.4,onComplete:()=>{e("/3")}})]})})}const AD="/mz-event-screen/assets/Image1-d1af7236.png",_D="/mz-event-screen/assets/Image2-878869f4.png",OD="/mz-event-screen/assets/Image3-cf1f3290.png",jD="/mz-event-screen/assets/Image4-6ff62010.png";function LD(){const e=Os(i=>i.setBackground),t=Bt(),n=Ub(),r=w.useMemo(()=>{const i={page1:AD,page2:_D,page3:OD,page4:jD};return JSON.parse(localStorage.getItem("mz-event-screen")??"[]").pop(),Object.entries(i).map(([o,a],l)=>({title:o,image:a}))},[]);return w.useEffect(()=>{n.start(i=>({opacity:1,transition:{delay:i*.5+1,duration:1}}))},[]),w.useEffect(()=>{e("black")},[]),S.jsxs(S.Fragment,{children:[S.jsxs("div",{className:"w-full h-5/6 flex flex-col items-center justify-center gap-[1%] relative z-[100]",children:[S.jsx("div",{className:"w-10/12 flex",children:S.jsx(tr.button,{...Xr(2),onClick:()=>{t("/2")},className:"text-[3vw] px-[2vw] rounded-full bg-gradient-to-r from-[#05CCA3] via-[#46AFE1] to-[#8085F0]",children:"BACK"})}),r.map((i,s)=>S.jsx(tr.img,{onClick:()=>{t(`/4/${i.title}`)},initial:{opacity:0},custom:s,animate:n,className:"lg:my-5 xl:my-10",src:i.image},s))]}),S.jsx(Ja,{})]})}const MD=({items:e})=>{const[t,n]=w.useState(-1),r=w.useRef(!1),i=w.useRef([]),s=An(),{title:o}=Fa(),a=Bt(),l=w.useRef(null),[u,c]=w.useState(!0);function f(h){return h.scrollHeight>h.clientHeight||h.scrollWidth>h.clientWidth}const d=()=>{const h=Math.floor(e.length/2),p=i.current[h];p==null||p.scrollIntoView({block:"nearest",inline:"center"}),n(h)};return w.useEffect(()=>{l.current&&c(f(l.current)),setTimeout(()=>{d()},200)},[e,l,s]),w.useEffect(()=>{var h;t!==-1&&((h=i.current[t])==null||h.scrollIntoView({behavior:"smooth",block:"nearest"}))},[t]),S.jsxs("div",{className:"w-full flex justify-center text-white",children:[S.jsx("button",{className:`${e.length===1&&"invisible"} max-w-[6vw] aspect-square mx-5 -translate-y-5`,onClick:()=>{t!==0&&n(h=>h-1)},children:S.jsx("img",{className:"w-full h-full",src:"./carousel-left.svg"})}),S.jsxs("div",{className:"flex flex-col items-center max-w-[66vw]",children:[S.jsx("div",{ref:l,className:`${!u&&"justify-center"} w-full max-w-[85vw] h-[35vw] flex items-center gap-5 overflow-hidden text-white`,children:e.map((h,p)=>S.jsxs("div",{id:`carousel-${p}`,ref:v=>i.current[p]=v,onClick:()=>{a(`/5/${o}/${h.title}`)},onMouseEnter:()=>{r.current||(r.current=!0,n(p))},onMouseLeave:()=>r.current=!1,style:{aspectRatio:t===p?.62:.73},className:`relative cursor-pointer text-white flex items-end bg-gradient-to-r from-[#05CCA3] via-[#46AFE1] to-[#8085F0] before:content-[''] before:bg-cover min-w-[20.9vw] p-[1vw] ${t===p?"h-full before:w-[calc(100%-.4vw)] after:w-[calc(100%-.4vw)] after:h-[calc(100%-.3vw)]":"h-[80%] before:w-full after:w-full after:h-full"} before:h-[calc(100%-1.5vw)] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 diff --git a/assets/index-fb13596e.css b/assets/index-fb13596e.css deleted file mode 100644 index faeb006..0000000 --- a/assets/index-fb13596e.css +++ /dev/null @@ -1 +0,0 @@ -*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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";font-feature-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{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{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-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,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}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,: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 / .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 / .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: }.invisible{visibility:hidden}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.-left-\[6\%\]{left:-6%}.bottom-0{bottom:0px}.bottom-\[5vw\]{bottom:5vw}.left-0{left:0px}.left-1\/2{left:50%}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-3{right:.75rem}.top-0{top:0px}.top-\[50\%\]{top:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[500\]{z-index:500}.z-\[600\]{z-index:600}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\[2vw\]{margin-left:2vw;margin-right:2vw}.mx-\[3vw\]{margin-left:3vw;margin-right:3vw}.mx-auto{margin-left:auto;margin-right:auto}.my-\[5\%\]{margin-top:5%;margin-bottom:5%}.-mb-\[2vw\]{margin-bottom:-2vw}.mb-\[10vw\]{margin-bottom:10vw}.mb-\[1ch\]{margin-bottom:1ch}.mb-\[7\%\]{margin-bottom:7%}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-7{margin-top:1.75rem}.mt-\[10\%\]{margin-top:10%}.mt-\[11\%\]{margin-top:11%}.mt-\[20\%\]{margin-top:20%}.mt-\[4\%\]{margin-top:4%}.mt-\[5vw\]{margin-top:5vw}.mt-\[6\%\]{margin-top:6%}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[1853\/483\]{aspect-ratio:1853/483}.aspect-\[2\.5\]{aspect-ratio:2.5}.aspect-\[501\/620\]{aspect-ratio:501/620}.aspect-\[625\/694\]{aspect-ratio:625/694}.aspect-\[775\/620\]{aspect-ratio:775/620}.aspect-\[782\/168\]{aspect-ratio:782/168}.aspect-square{aspect-ratio:1 / 1}.h-1\/3{height:33.333333%}.h-1\/5{height:20%}.h-5\/6{height:83.333333%}.h-\[0\.2vw\]{height:.2vw}.h-\[1\%\]{height:1%}.h-\[100\%\]{height:100%}.h-\[16vh\]{height:16vh}.h-\[20vw\]{height:20vw}.h-\[35vw\]{height:35vw}.h-\[3vh\]{height:3vh}.h-\[3vw\]{height:3vw}.h-\[7\.7vw\]{height:7.7vw}.h-\[80\%\]{height:80%}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[22vh\]{max-height:22vh}.max-h-\[4vh\]{max-height:4vh}.min-h-\[22vh\]{min-height:22vh}.min-h-\[4vh\]{min-height:4vh}.w-10\/12{width:83.333333%}.w-\[100\%\]{width:100%}.w-\[10vw\]{width:10vw}.w-\[11vw\]{width:11vw}.w-\[15vw\]{width:15vw}.w-\[1vw\]{width:1vw}.w-\[23\%\]{width:23%}.w-\[2vw\]{width:2vw}.w-\[40vw\]{width:40vw}.w-\[46\%\]{width:46%}.w-\[50vw\]{width:50vw}.w-\[5vw\]{width:5vw}.w-\[64vw\]{width:64vw}.w-\[65\%\]{width:65%}.w-\[72\%\]{width:72%}.w-\[73\%\]{width:73%}.w-\[77\%\]{width:77%}.w-\[82vw\]{width:82vw}.w-\[84\%\]{width:84%}.w-\[86vw\]{width:86vw}.w-\[calc\(100\%-10vw\)\]{width:calc(100% - 10vw)}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[20\.9vw\]{min-width:20.9vw}.min-w-\[86\.2vw\]{min-width:86.2vw}.min-w-\[calc\(50\%-1vw\)\]{min-width:calc(50% - 1vw)}.max-w-\[50vw\]{max-width:50vw}.max-w-\[66vw\]{max-width:66vw}.max-w-\[6vw\]{max-width:6vw}.max-w-\[80vw\]{max-width:80vw}.max-w-\[85vw\]{max-width:85vw}.grow{flex-grow:1}.grow-\[0\.6\]{flex-grow:.6}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y: -1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[2vw\]{--tw-translate-y: 2vw;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-end{align-items:flex-end}.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}.gap-5{gap:1.25rem}.gap-\[1\%\]{gap:1%}.gap-\[1ch\]{gap:1ch}.gap-\[1vw\]{gap:1vw}.gap-\[3\%\]{gap:3%}.gap-\[3vw\]{gap:3vw}.gap-\[5\%\]{gap:5%}.gap-\[5vw\]{gap:5vw}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-full{border-radius:9999px}.bg-\[\#05CCA3\]{--tw-bg-opacity: 1;background-color:rgb(5 204 163 / var(--tw-bg-opacity))}.bg-\[\#FFFFFF\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#05CCA3\]{--tw-gradient-from: #05CCA3;--tw-gradient-to: rgb(5 204 163 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/50{--tw-gradient-from: rgb(0 0 0 / .5);--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#46AFE1\]{--tw-gradient-to: rgb(70 175 225 / 0);--tw-gradient-stops: var(--tw-gradient-from), #46AFE1, var(--tw-gradient-to)}.to-\[\#8085F0\]{--tw-gradient-to: #8085F0}.to-transparent{--tw-gradient-to: transparent}.bg-\[100\%\,100\%\]{background-size:100%,100%}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.p-\[\.1vw\]{padding:.1vw}.p-\[1vw\]{padding:1vw}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[1vw\]{padding-left:1vw;padding-right:1vw}.px-\[2vw\]{padding-left:2vw;padding-right:2vw}.px-\[3vw\]{padding-left:3vw;padding-right:3vw}.px-\[7vw\]{padding-left:7vw;padding-right:7vw}.py-\[1vw\]{padding-top:1vw;padding-bottom:1vw}.py-\[4vw\]{padding-top:4vw;padding-bottom:4vw}.pt-\[5vw\]{padding-top:5vw}.text-left{text-align:left}.text-center{text-align:center}.text-\[1\.5vw\]{font-size:1.5vw}.text-\[1\.65vw\]{font-size:1.65vw}.text-\[1\.87vw\]{font-size:1.87vw}.text-\[2\.4vw\]{font-size:2.4vw}.text-\[2vw\]{font-size:2vw}.text-\[3\.7vw\]{font-size:3.7vw}.text-\[3vw\]{font-size:3vw}.text-\[5vw\]{font-size:5vw}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-\[\#05CFA6\]{--tw-text-opacity: 1;color:rgb(5 207 166 / var(--tw-text-opacity))}.text-\[rgb\(14\,207\,166\)\]{--tw-text-opacity: 1;color:rgb(14 207 166 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-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-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html{font-family:Montserrat;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.circle-wrapper{width:100%;height:100%;position:absolute}.circle-animation{font-size:1.5em;text-align:center;width:70%;height:20%;margin-left:auto;margin-right:auto;position:relative;z-index:0;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes reveal{0%{-webkit-clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%)}to{-webkit-clip-path:polygon(0% calc(.3em * -3),120% calc(.3em * -3),100% calc(100% + (.3em * 3)),-20% calc(100% + (.3em * 3)));clip-path:polygon(0% calc(.3em * -3),120% calc(.3em * -3),100% calc(100% + (.3em * 3)),-20% calc(100% + (.3em * 3)))}}.circle-animation:after{content:"";position:absolute;top:50%;left:50%;background-image:url(/mz-event-screen/circle-inner-5.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:contain;width:85%;height:100%;transform:translate(-50%,-50%);-webkit-clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);clip-path:polygon(50% 0,50% 0,50% 100%,50% 100%);z-index:10;animation:reveal 1s linear 1s forwards}.circle-text{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}h1,[data-title=true],[data-title=bold]{font-weight:700;color:#05cfa6}.full-screen-gradient{--rotation: 0;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(calc(var(--rotation) * 1deg),#0ad5b3 6.99%,#8592fa 97.18%)}.divider-gradient{background-image:linear-gradient(90deg,#05d6ad -.14%,#46b9eb 50.96%,#888ffa 99.98%)}.button-gradient{border-radius:200px}.question-progress-indicator{--offset: -15%;--progress: 0;left:calc(var(--progress) * 100%);translate:calc((var(--progress) * -100%) + var(--offset))}.question-progress-indicator-tail{--offset-from: 2%;--offset-to: -1%;--progress: 0;width:calc((100% * var(--progress)) + (var(--offset-from) + (var(--progress) - 0) * (var(--offset-to) - var(--offset-from)) / (1 - 0)));height:15%;border-radius:max(100vw,100vh);background-color:#dc143c;position:absolute;top:-28.5%;left:0;background-image:linear-gradient(90deg,#0ad5b3 6.99%,#8592fa 97.18%)}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:h-\[calc\(100\%-1\.5vw\)\]:before{content:var(--tw-content);height:calc(100% - 1.5vw)}.before\:h-\[calc\(100\%-1\.6vw\)\]:before{content:var(--tw-content);height:calc(100% - 1.6vw)}.before\:w-\[calc\(100\%-\.4vw\)\]:before{content:var(--tw-content);width:calc(100% - .4vw)}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-cover:before{content:var(--tw-content);background-size:cover}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:h-\[calc\(100\%-\.3vw\)\]:after{content:var(--tw-content);height:calc(100% - .3vw)}.after\:h-\[calc\(100\%-\.4vw\)\]:after{content:var(--tw-content);height:calc(100% - .4vw)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-\[calc\(100\%-\.4vw\)\]:after{content:var(--tw-content);width:calc(100% - .4vw)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:bg-gradient-to-t:after{content:var(--tw-content);background-image:linear-gradient(to top,var(--tw-gradient-stops))}.after\:from-black:after{content:var(--tw-content);--tw-gradient-from: #000;--tw-gradient-to: rgb(0 0 0 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to: transparent}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}@media (min-width: 1024px){.lg\:my-5{margin-top:1.25rem;margin-bottom:1.25rem}}@media (min-width: 1280px){.xl\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}} diff --git a/index.html b/index.html index 4bd93f5..9b97614 100644 --- a/index.html +++ b/index.html @@ -189,8 +189,8 @@ background: #555; } - - + +