diff --git a/assets/index-467da915.css b/assets/index-467da915.css deleted file mode 100644 index 01983d5..0000000 --- a/assets/index-467da915.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;font-variation-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-feature-settings:inherit;font-variation-settings: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}dialog{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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: }.absolute{position:absolute}.relative{position:relative}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-0{right:0px}.right-12{right:3rem}.right-4{right:1rem}.right-\[-8px\]{right:-8px}.top-0{top:0px}.z-10{z-index:10}.z-20{z-index:20}.m-4{margin:1rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-1{margin-left:-.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mr-\[6px\]{margin-right:6px}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[100px\]{margin-top:100px}.mt-\[120px\]{margin-top:120px}.mt-\[140px\]{margin-top:140px}.mt-\[160px\]{margin-top:160px}.mt-\[180px\]{margin-top:180px}.mt-\[200px\]{margin-top:200px}.mt-\[220px\]{margin-top:220px}.mt-\[240px\]{margin-top:240px}.mt-\[260px\]{margin-top:260px}.mt-\[280px\]{margin-top:280px}.mt-\[300px\]{margin-top:300px}.mt-\[60px\]{margin-top:60px}.mt-\[80px\]{margin-top:80px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-20{height:5rem}.h-24{height:6rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[2px\]{height:2px}.h-\[402px\]{height:402px}.h-\[418px\]{height:418px}.h-\[466px\]{height:466px}.h-\[560px\]{height:560px}.h-\[84px\]{height:84px}.h-full{height:100%}.h-screen{height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[800px\]{width:800px}.w-\[84px\]{width:84px}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-8xl{max-width:90rem}.flex-auto{flex:1 1 auto}.-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-9{--tw-translate-y: 2.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))}.scale-\[\.34\]{--tw-scale-x: .34;--tw-scale-y: .34;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))}@keyframes fade-in-from-up{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-from-up{animation:fade-in-from-up .5s ease-out .4s forwards}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-flow-col{grid-auto-flow:column}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-6{row-gap:1.5rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border-y-\[10px\]{border-top-width:10px;border-bottom-width:10px}.border-b-2{border-bottom-width:2px}.border-l-\[8px\]{border-left-width:8px}.border-r-2{border-right-width:2px}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.border-b-monitor-inner-border{--tw-border-opacity: 1;border-bottom-color:rgb(50 50 60 / var(--tw-border-opacity))}.border-l-blue-600{--tw-border-opacity: 1;border-left-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-r-monitor-inner-border{--tw-border-opacity: 1;border-right-color:rgb(50 50 60 / var(--tw-border-opacity))}.bg-\[\#00ABBD\]{--tw-bg-opacity: 1;background-color:rgb(0 171 189 / var(--tw-bg-opacity))}.bg-\[\#030A0D\]{--tw-bg-opacity: 1;background-color:rgb(3 10 13 / var(--tw-bg-opacity))}.bg-\[\#0C2F3B\]{--tw-bg-opacity: 1;background-color:rgb(12 47 59 / var(--tw-bg-opacity))}.bg-\[\#3CB0D7\],.bg-accent{--tw-bg-opacity: 1;background-color:rgb(60 176 215 / var(--tw-bg-opacity))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(3 10 13 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-button{--tw-bg-opacity: 1;background-color:rgb(225 248 255 / var(--tw-bg-opacity))}.bg-editor-blue{--tw-bg-opacity: 1;background-color:rgb(71 153 235 / var(--tw-bg-opacity))}.bg-editor-brown{--tw-bg-opacity: 1;background-color:rgb(204 145 102 / var(--tw-bg-opacity))}.bg-editor-green{--tw-bg-opacity: 1;background-color:rgb(71 235 71 / var(--tw-bg-opacity))}.bg-editor-purple{--tw-bg-opacity: 1;background-color:rgb(219 117 240 / var(--tw-bg-opacity))}.bg-editor-red{--tw-bg-opacity: 1;background-color:rgb(235 85 71 / var(--tw-bg-opacity))}.bg-editor-white{--tw-bg-opacity: 1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-monitor-bg{--tw-bg-opacity: 1;background-color:rgb(19 23 35 / var(--tw-bg-opacity))}.bg-monitor-outer-border{--tw-bg-opacity: 1;background-color:rgb(57 58 60 / var(--tw-bg-opacity))}.bg-monitor-side-pannel{--tw-bg-opacity: 1;background-color:rgb(11 13 20 / var(--tw-bg-opacity))}.bg-monitor-stand{--tw-bg-opacity: 1;background-color:rgb(50 51 52 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 188 209 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(12 47 59 / var(--tw-bg-opacity))}.bg-text{--tw-bg-opacity: 1;background-color:rgb(213 238 246 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#19191A\]{--tw-gradient-from: #19191A var(--tw-gradient-from-position);--tw-gradient-to: rgb(25 25 26 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-monitor-stand{--tw-gradient-to: #323334 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-right{text-align:right}.font-console{font-family:consolas,monaco,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-5{line-height:1.25rem}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity))}.text-background{--tw-text-opacity: 1;color:rgb(3 10 13 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-text{--tw-text-opacity: 1;color:rgb(213 238 246 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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{outline-style:solid}.outline-2{outline-width:2px}.outline-offset-1{outline-offset:1px}.outline-text{outline-color:#d5eef6}.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary-color: #00bcd1;--accent-color: #3cb0d7;--gradient-color: #33d1e7}body{font-family:Poppins,sans-serif;margin:0;width:100%;min-width:330px}.background-gradient{background:linear-gradient(140deg,var(--primary-color) 0%,var(--primary-color) 45%,var(--gradient-color) 80%)}.text-gradient{background:var(--primary-color);background:linear-gradient(to bottom right,var(--primary-color) 40%,var(--gradient-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow{box-shadow:0 0 86px 4px #ffffff4d;z-index:10;position:relative}.link-underline{border-bottom-width:0;background-image:linear-gradient(var(--accent-color),var(--accent-color));background-size:0 2px;background-position:0 98%;background-repeat:no-repeat;transition:background-size .2s ease-in-out}.link-underline:hover{background-size:100% 2px;background-position:0 98%}.animate-monitor-self-1{position:absolute;left:-1000px;animation:slide 8s forwards 1.2s infinite}.animate-monitor-self-2{position:absolute;left:-1000px;animation:slide 8s forwards 1.8s infinite}.animate-monitor-self-3{position:absolute;left:-1000px;animation:slide 8s forwards 2.4s infinite}.animate-monitor>*{position:absolute;left:-1000px;animation:slide 8s forwards .6s infinite}@keyframes slide{to{left:-1000px;opacity:0}70%{left:0;opacity:1}10%{left:0;opacity:1}0%{opacity:0}}.animate-underscore{animation:hidden 1.6s infinite}@keyframes hidden{0%,to{opacity:0}50%{opacity:1}}.card{position:relative;overflow:hidden;transition:shadow .5s ease-in-out}.card:hover:before{background-position:100% 100%}.card:before{background:linear-gradient(130deg,transparent 33%,#5eead4 66%,#93c5fd 85%,#c084fc 100%);background-position:0% 0%;background-size:300% 300%;content:"";height:100%;left:0px;pointer-events:none;position:absolute;top:0px;transition:background-position .3s ease,transform .1s ease;width:100%}.last\:hidden:last-child{display:none}.odd\:justify-start:nth-child(odd){justify-content:flex-start}.even\:justify-end:nth-child(even){justify-content:flex-end}@keyframes twist{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.hover\:animate-twist:hover{animation:twist .6s linear forwards infinite}@keyframes up-illuminate{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hover\:animate-up-illuminate:hover{animation:up-illuminate .1s linear forwards}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:rgb(60 176 215 / var(--tw-bg-opacity))}.hover\:bg-button-hover:hover{--tw-bg-opacity: 1;background-color:rgb(191 211 217 / var(--tw-bg-opacity))}.hover\:text-accent:hover{--tw-text-opacity: 1;color:rgb(60 176 215 / var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 420px){.xs\:-ml-2{margin-left:-.5rem}.xs\:mt-12{margin-top:3rem}.xs\:h-72{height:18rem}.xs\:w-10\/12{width:83.333333%}.xs\:scale-\[\.4\]{--tw-scale-x: .4;--tw-scale-y: .4;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))}.xs\:p-8{padding:2rem}.xs\:px-8{padding-left:2rem;padding-right:2rem}.xs\:pl-6{padding-left:1.5rem}.xs\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 640px){.sm\:h-72{height:18rem}.sm\:scale-\[\.5\]{--tw-scale-x: .5;--tw-scale-y: .5;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))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:gap-10{gap:2.5rem}.sm\:gap-8{gap:2rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:ml-0{margin-left:0}.md\:mr-24{margin-right:6rem}.md\:mt-0{margin-top:0}.md\:mt-16{margin-top:4rem}.md\:block{display:block}.md\:grid{display:grid}.md\:h-14{height:3.5rem}.md\:h-96{height:24rem}.md\:w-3\/4{width:75%}.md\:w-40{width:10rem}.md\:scale-\[\.6\]{--tw-scale-x: .6;--tw-scale-y: .6;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-16{gap:4rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-0{row-gap:0px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:h-72{height:18rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.last\:lg\:inline:last-child{display:inline}}@media (min-width: 1280px){.xl\:h-\[26rem\]{height:26rem}.xl\:h-\[6\.5rem\]{height:6.5rem}.xl\:w-9\/12{width:75%}.xl\:scale-\[0\.65\]{--tw-scale-x: .65;--tw-scale-y: .65;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))}.xl\:gap-20{gap:5rem}}@media (min-width: 1536px){.\32xl\:mr-44{margin-right:11rem}.\32xl\:h-64{height:16rem}.\32xl\:h-\[24rem\]{height:24rem}.\32xl\:w-8\/12{width:66.666667%}.\32xl\:w-9\/12{width:75%}.\32xl\:scale-\[0\.7\]{--tw-scale-x: .7;--tw-scale-y: .7;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))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:gap-8{gap:2rem}}@media (min-width: 1920px){.\33xl\:scale-\[0\.75\]{--tw-scale-x: .75;--tw-scale-y: .75;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))}.\33xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\33xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>\*\>\*\]\:mr-3>*>*{margin-right:.75rem}.\[\&\>\*\>\*\]\:h-1>*>*{height:.25rem}.\[\&\>\*\>\*\]\:bg-gray-200>*>*{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:mb-3>*{margin-bottom:.75rem}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:h-2>*{height:.5rem} diff --git a/assets/index-e47c81bf.js b/assets/index-b6ab4be4.js similarity index 87% rename from assets/index-e47c81bf.js rename to assets/index-b6ab4be4.js index 22f231a..b4ee408 100644 --- a/assets/index-e47c81bf.js +++ b/assets/index-b6ab4be4.js @@ -37,4 +37,4 @@ `+l[o].replace(" at new "," at ");return e.displayName&&a.includes("")&&(a=a.replace("",e.displayName)),a}while(1<=o&&0<=u);break}}}finally{jl=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?wn(e):""}function Wc(e){switch(e.tag){case 5:return wn(e.type);case 16:return wn("Lazy");case 13:return wn("Suspense");case 19:return wn("SuspenseList");case 0:case 2:case 15:return e=El(e.type,!1),e;case 11:return e=El(e.type.render,!1),e;case 1:return e=El(e.type,!0),e;default:return""}}function ti(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Ot:return"Fragment";case Dt:return"Portal";case ql:return"Profiler";case Zi:return"StrictMode";case bl:return"Suspense";case ei:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case cu:return(e.displayName||"Context")+".Consumer";case au:return(e._context.displayName||"Context")+".Provider";case Ji:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case qi:return t=e.displayName||null,t!==null?t:ti(e.type)||"Memo";case Ze:t=e._payload,e=e._init;try{return ti(e(t))}catch{}}return null}function Hc(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return ti(t);case 8:return t===Zi?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function ct(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function fu(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Qc(e){var t=fu(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,i.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function or(e){e._valueTracker||(e._valueTracker=Qc(e))}function pu(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=fu(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Mr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function ni(e,t){var n=t.checked;return B({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ko(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=ct(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function mu(e,t){t=t.checked,t!=null&&Xi(e,"checked",t,!1)}function ri(e,t){mu(e,t);var n=ct(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?li(e,t.type,n):t.hasOwnProperty("defaultValue")&&li(e,t.type,ct(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Yo(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function li(e,t,n){(t!=="number"||Mr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var kn=Array.isArray;function Kt(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=sr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function On(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var jn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Kc=["Webkit","ms","Moz","O"];Object.keys(jn).forEach(function(e){Kc.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),jn[t]=jn[e]})});function yu(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||jn.hasOwnProperty(e)&&jn[e]?(""+t).trim():t+"px"}function xu(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=yu(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Yc=B({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function si(e,t){if(t){if(Yc[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(y(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(y(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(y(61))}if(t.style!=null&&typeof t.style!="object")throw Error(y(62))}}function ui(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ai=null;function bi(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ci=null,Yt=null,Gt=null;function Zo(e){if(e=er(e)){if(typeof ci!="function")throw Error(y(280));var t=e.stateNode;t&&(t=ul(t),ci(e.stateNode,e.type,t))}}function wu(e){Yt?Gt?Gt.push(e):Gt=[e]:Yt=e}function ku(){if(Yt){var e=Yt,t=Gt;if(Gt=Yt=null,Zo(e),t)for(e=0;e>>=0,e===0?32:31-(ld(e)/id|0)|0}var ur=64,ar=4194304;function Sn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Ir(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,i=e.pingedLanes,o=n&268435455;if(o!==0){var u=o&~l;u!==0?r=Sn(u):(i&=o,i!==0&&(r=Sn(i)))}else o=n&~l,o!==0?r=Sn(o):i!==0&&(r=Sn(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function qn(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Le(t),e[t]=n}function ad(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Cn),is=String.fromCharCode(32),os=!1;function Bu(e,t){switch(e){case"keyup":return Id.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Vu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Ft=!1;function Ad(e,t){switch(e){case"compositionend":return Vu(t);case"keypress":return t.which!==32?null:(os=!0,is);case"textInput":return e=t.data,e===is&&os?null:e;default:return null}}function $d(e,t){if(Ft)return e==="compositionend"||!so&&Bu(e,t)?(e=Au(),jr=lo=et=null,Ft=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=cs(n)}}function Ku(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ku(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Yu(){for(var e=window,t=Mr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Mr(e.document)}return t}function uo(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Xd(e){var t=Yu(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ku(n.ownerDocument.documentElement,n)){if(r!==null&&uo(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(r.start,l);r=r.end===void 0?i:Math.min(r.end,l),!e.extend&&i>r&&(l=r,r=i,i=l),l=ds(n,i);var o=ds(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,It=null,vi=null,Pn=null,gi=!1;function fs(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;gi||It==null||It!==Mr(r)||(r=It,"selectionStart"in r&&uo(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Pn&&Bn(Pn,r)||(Pn=r,r=$r(vi,"onSelect"),0$t||(e.current=Ni[$t],Ni[$t]=null,$t--)}function D(e,t){$t++,Ni[$t]=e.current,e.current=t}var dt={},le=pt(dt),de=pt(!1),jt=dt;function bt(e,t){var n=e.type.contextTypes;if(!n)return dt;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function fe(e){return e=e.childContextTypes,e!=null}function Vr(){F(de),F(le)}function xs(e,t,n){if(le.current!==dt)throw Error(y(168));D(le,t),D(de,n)}function na(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(y(108,Hc(e)||"Unknown",l));return B({},n,r)}function Wr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||dt,jt=le.current,D(le,e),D(de,de.current),!0}function ws(e,t,n){var r=e.stateNode;if(!r)throw Error(y(169));n?(e=na(e,t,jt),r.__reactInternalMemoizedMergedChildContext=e,F(de),F(le),D(le,e)):F(de),D(de,n)}var $e=null,al=!1,Al=!1;function ra(e){$e===null?$e=[e]:$e.push(e)}function uf(e){al=!0,ra(e)}function mt(){if(!Al&&$e!==null){Al=!0;var e=0,t=M;try{var n=$e;for(M=1;e>=o,l-=o,Be=1<<32-Le(t)+l|n<_?(W=C,C=null):W=C.sibling;var L=m(f,C,p[_],g);if(L===null){C===null&&(C=W);break}e&&C&&L.alternate===null&&t(f,C),c=i(L,c,_),E===null?N=L:E.sibling=L,E=L,C=W}if(_===p.length)return n(f,C),U&>(f,_),N;if(C===null){for(;__?(W=C,C=null):W=C.sibling;var Ce=m(f,C,L.value,g);if(Ce===null){C===null&&(C=W);break}e&&C&&Ce.alternate===null&&t(f,C),c=i(Ce,c,_),E===null?N=Ce:E.sibling=Ce,E=Ce,C=W}if(L.done)return n(f,C),U&>(f,_),N;if(C===null){for(;!L.done;_++,L=p.next())L=h(f,L.value,g),L!==null&&(c=i(L,c,_),E===null?N=L:E.sibling=L,E=L);return U&>(f,_),N}for(C=r(f,C);!L.done;_++,L=p.next())L=x(C,f,_,L.value,g),L!==null&&(e&&L.alternate!==null&&C.delete(L.key===null?_:L.key),c=i(L,c,_),E===null?N=L:E.sibling=L,E=L);return e&&C.forEach(function(cn){return t(f,cn)}),U&>(f,_),N}function I(f,c,p,g){if(typeof p=="object"&&p!==null&&p.type===Ot&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case ir:e:{for(var N=p.key,E=c;E!==null;){if(E.key===N){if(N=p.type,N===Ot){if(E.tag===7){n(f,E.sibling),c=l(E,p.props.children),c.return=f,f=c;break e}}else if(E.elementType===N||typeof N=="object"&&N!==null&&N.$$typeof===Ze&&_s(N)===E.type){n(f,E.sibling),c=l(E,p.props),c.ref=gn(f,E,p),c.return=f,f=c;break e}n(f,E);break}else t(f,E);E=E.sibling}p.type===Ot?(c=Nt(p.props.children,f.mode,g,p.key),c.return=f,f=c):(g=Rr(p.type,p.key,p.props,null,f.mode,g),g.ref=gn(f,c,p),g.return=f,f=g)}return o(f);case Dt:e:{for(E=p.key;c!==null;){if(c.key===E)if(c.tag===4&&c.stateNode.containerInfo===p.containerInfo&&c.stateNode.implementation===p.implementation){n(f,c.sibling),c=l(c,p.children||[]),c.return=f,f=c;break e}else{n(f,c);break}else t(f,c);c=c.sibling}c=Yl(p,f.mode,g),c.return=f,f=c}return o(f);case Ze:return E=p._init,I(f,c,E(p._payload),g)}if(kn(p))return w(f,c,p,g);if(fn(p))return k(f,c,p,g);vr(f,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,c!==null&&c.tag===6?(n(f,c.sibling),c=l(c,p),c.return=f,f=c):(n(f,c),c=Kl(p,f.mode,g),c.return=f,f=c),o(f)):n(f,c)}return I}var tn=da(!0),fa=da(!1),tr={},Ue=pt(tr),Qn=pt(tr),Kn=pt(tr);function kt(e){if(e===tr)throw Error(y(174));return e}function yo(e,t){switch(D(Kn,t),D(Qn,e),D(Ue,tr),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:oi(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=oi(t,e)}F(Ue),D(Ue,t)}function nn(){F(Ue),F(Qn),F(Kn)}function pa(e){kt(Kn.current);var t=kt(Ue.current),n=oi(t,e.type);t!==n&&(D(Qn,e),D(Ue,n))}function xo(e){Qn.current===e&&(F(Ue),F(Qn))}var A=pt(0);function Xr(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var $l=[];function wo(){for(var e=0;e<$l.length;e++)$l[e]._workInProgressVersionPrimary=null;$l.length=0}var _r=Ge.ReactCurrentDispatcher,Bl=Ge.ReactCurrentBatchConfig,Ct=0,$=null,Y=null,Z=null,Zr=!1,zn=!1,Yn=0,cf=0;function te(){throw Error(y(321))}function ko(e,t){if(t===null)return!1;for(var n=0;nn?n:4,e(!0);var r=Bl.transition;Bl.transition={};try{e(!1),t()}finally{M=n,Bl.transition=r}}function za(){return Ee().memoizedState}function ff(e,t,n){var r=ut(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Ta(e))La(t,n);else if(n=sa(e,t,n,r),n!==null){var l=oe();Re(n,e,r,l),Ra(n,t,r)}}function pf(e,t,n){var r=ut(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Ta(e))La(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var o=t.lastRenderedState,u=i(o,n);if(l.hasEagerState=!0,l.eagerState=u,Me(u,o)){var a=t.interleaved;a===null?(l.next=l,vo(t)):(l.next=a.next,a.next=l),t.interleaved=l;return}}catch{}finally{}n=sa(e,t,l,r),n!==null&&(l=oe(),Re(n,e,r,l),Ra(n,t,r))}}function Ta(e){var t=e.alternate;return e===$||t!==null&&t===$}function La(e,t){zn=Zr=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Ra(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,to(e,n)}}var Jr={readContext:je,useCallback:te,useContext:te,useEffect:te,useImperativeHandle:te,useInsertionEffect:te,useLayoutEffect:te,useMemo:te,useReducer:te,useRef:te,useState:te,useDebugValue:te,useDeferredValue:te,useTransition:te,useMutableSource:te,useSyncExternalStore:te,useId:te,unstable_isNewReconciler:!1},mf={readContext:je,useCallback:function(e,t){return Oe().memoizedState=[e,t===void 0?null:t],e},useContext:je,useEffect:zs,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Pr(4194308,4,ja.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Pr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Pr(4,2,e,t)},useMemo:function(e,t){var n=Oe();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Oe();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=ff.bind(null,$,e),[r.memoizedState,e]},useRef:function(e){var t=Oe();return e={current:e},t.memoizedState=e},useState:Ps,useDebugValue:Eo,useDeferredValue:function(e){return Oe().memoizedState=e},useTransition:function(){var e=Ps(!1),t=e[0];return e=df.bind(null,e[1]),Oe().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=$,l=Oe();if(U){if(n===void 0)throw Error(y(407));n=n()}else{if(n=t(),J===null)throw Error(y(349));Ct&30||va(r,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,zs(ya.bind(null,r,i,e),[e]),r.flags|=2048,Xn(9,ga.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=Oe(),t=J.identifierPrefix;if(U){var n=Ve,r=Be;n=(r&~(1<<32-Le(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=Yn++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[Fe]=t,e[Hn]=r,Ba(e,t,!1,!1),t.stateNode=e;e:{switch(o=ui(n,r),n){case"dialog":O("cancel",e),O("close",e),l=r;break;case"iframe":case"object":case"embed":O("load",e),l=r;break;case"video":case"audio":for(l=0;lln&&(t.flags|=128,r=!0,yn(i,!1),t.lanes=4194304)}else{if(!r)if(e=Xr(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),yn(i,!0),i.tail===null&&i.tailMode==="hidden"&&!o.alternate&&!U)return ne(t),null}else 2*Q()-i.renderingStartTime>ln&&n!==1073741824&&(t.flags|=128,r=!0,yn(i,!1),t.lanes=4194304);i.isBackwards?(o.sibling=t.child,t.child=o):(n=i.last,n!==null?n.sibling=o:t.child=o,i.last=o)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Q(),t.sibling=null,n=A.current,D(A,r?n&1|2:n&1),t):(ne(t),null);case 22:case 23:return Lo(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?me&1073741824&&(ne(t),t.subtreeFlags&6&&(t.flags|=8192)):ne(t),null;case 24:return null;case 25:return null}throw Error(y(156,t.tag))}function Sf(e,t){switch(co(t),t.tag){case 1:return fe(t.type)&&Vr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return nn(),F(de),F(le),wo(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return xo(t),null;case 13:if(F(A),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(y(340));en()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F(A),null;case 4:return nn(),null;case 10:return ho(t.type._context),null;case 22:case 23:return Lo(),null;case 24:return null;default:return null}}var yr=!1,re=!1,Nf=typeof WeakSet=="function"?WeakSet:Set,S=null;function Ht(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){V(e,t,r)}else n.current=null}function Oi(e,t,n){try{n()}catch(r){V(e,t,r)}}var Us=!1;function jf(e,t){if(yi=Ur,e=Yu(),uo(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,u=-1,a=-1,d=0,v=0,h=e,m=null;t:for(;;){for(var x;h!==n||l!==0&&h.nodeType!==3||(u=o+l),h!==i||r!==0&&h.nodeType!==3||(a=o+r),h.nodeType===3&&(o+=h.nodeValue.length),(x=h.firstChild)!==null;)m=h,h=x;for(;;){if(h===e)break t;if(m===n&&++d===l&&(u=o),m===i&&++v===r&&(a=o),(x=h.nextSibling)!==null)break;h=m,m=h.parentNode}h=x}n=u===-1||a===-1?null:{start:u,end:a}}else n=null}n=n||{start:0,end:0}}else n=null;for(xi={focusedElem:e,selectionRange:n},Ur=!1,S=t;S!==null;)if(t=S,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,S=e;else for(;S!==null;){t=S;try{var w=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(w!==null){var k=w.memoizedProps,I=w.memoizedState,f=t.stateNode,c=f.getSnapshotBeforeUpdate(t.elementType===t.type?k:Pe(t.type,k),I);f.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(y(163))}}catch(g){V(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,S=e;break}S=t.return}return w=Us,Us=!1,w}function Tn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&Oi(t,n,i)}l=l.next}while(l!==r)}}function fl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Fi(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Ha(e){var t=e.alternate;t!==null&&(e.alternate=null,Ha(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Fe],delete t[Hn],delete t[Si],delete t[of],delete t[sf])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Qa(e){return e.tag===5||e.tag===3||e.tag===4}function As(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Qa(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ii(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Br));else if(r!==4&&(e=e.child,e!==null))for(Ii(e,t,n),e=e.sibling;e!==null;)Ii(e,t,n),e=e.sibling}function Ui(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Ui(e,t,n),e=e.sibling;e!==null;)Ui(e,t,n),e=e.sibling}var q=null,ze=!1;function Xe(e,t,n){for(n=n.child;n!==null;)Ka(e,t,n),n=n.sibling}function Ka(e,t,n){if(Ie&&typeof Ie.onCommitFiberUnmount=="function")try{Ie.onCommitFiberUnmount(ll,n)}catch{}switch(n.tag){case 5:re||Ht(n,t);case 6:var r=q,l=ze;q=null,Xe(e,t,n),q=r,ze=l,q!==null&&(ze?(e=q,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):q.removeChild(n.stateNode));break;case 18:q!==null&&(ze?(e=q,n=n.stateNode,e.nodeType===8?Ul(e.parentNode,n):e.nodeType===1&&Ul(e,n),An(e)):Ul(q,n.stateNode));break;case 4:r=q,l=ze,q=n.stateNode.containerInfo,ze=!0,Xe(e,t,n),q=r,ze=l;break;case 0:case 11:case 14:case 15:if(!re&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var i=l,o=i.destroy;i=i.tag,o!==void 0&&(i&2||i&4)&&Oi(n,t,o),l=l.next}while(l!==r)}Xe(e,t,n);break;case 1:if(!re&&(Ht(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(u){V(n,t,u)}Xe(e,t,n);break;case 21:Xe(e,t,n);break;case 22:n.mode&1?(re=(r=re)||n.memoizedState!==null,Xe(e,t,n),re=r):Xe(e,t,n);break;default:Xe(e,t,n)}}function $s(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Nf),t.forEach(function(r){var l=Mf.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function _e(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~i}if(r=l,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Cf(r/1960))-r,10e?16:e,tt===null)var r=!1;else{if(e=tt,tt=null,el=0,R&6)throw Error(y(331));var l=R;for(R|=4,S=e.current;S!==null;){var i=S,o=i.child;if(S.flags&16){var u=i.deletions;if(u!==null){for(var a=0;aQ()-zo?St(e,0):Po|=n),pe(e,t)}function ec(e,t){t===0&&(e.mode&1?(t=ar,ar<<=1,!(ar&130023424)&&(ar=4194304)):t=1);var n=oe();e=Ke(e,t),e!==null&&(qn(e,t,n),pe(e,n))}function Rf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ec(e,n)}function Mf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(y(314))}r!==null&&r.delete(t),ec(e,n)}var tc;tc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||de.current)ce=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return ce=!1,wf(e,t,n);ce=!!(e.flags&131072)}else ce=!1,U&&t.flags&1048576&&la(t,Qr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;zr(e,t),e=t.pendingProps;var l=bt(t,le.current);Zt(t,n),l=So(null,t,r,e,l,n);var i=No();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,fe(r)?(i=!0,Wr(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,go(t),l.updater=cl,t.stateNode=l,l._reactInternals=t,Pi(t,r,e,n),t=Li(null,t,r,!0,i,n)):(t.tag=0,U&&i&&ao(t),ie(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(zr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Of(r),e=Pe(r,e),l){case 0:t=Ti(null,t,r,e,n);break e;case 1:t=Os(null,t,r,e,n);break e;case 11:t=Ms(null,t,r,e,n);break e;case 14:t=Ds(null,t,r,Pe(r.type,e),n);break e}throw Error(y(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Ti(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Os(e,t,r,l,n);case 3:e:{if(Ua(t),e===null)throw Error(y(387));r=t.pendingProps,i=t.memoizedState,l=i.element,ua(e,t),Gr(t,r,null,n);var o=t.memoizedState;if(r=o.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=rn(Error(y(423)),t),t=Fs(e,t,r,n,l);break e}else if(r!==l){l=rn(Error(y(424)),t),t=Fs(e,t,r,n,l);break e}else for(he=it(t.stateNode.containerInfo.firstChild),ve=t,U=!0,Te=null,n=fa(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(en(),r===l){t=Ye(e,t,n);break e}ie(e,t,r,n)}t=t.child}return t;case 5:return pa(t),e===null&&Ei(t),r=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,o=l.children,wi(r,l)?o=null:i!==null&&wi(r,i)&&(t.flags|=32),Ia(e,t),ie(e,t,o,n),t.child;case 6:return e===null&&Ei(t),null;case 13:return Aa(e,t,n);case 4:return yo(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=tn(t,null,r,n):ie(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Ms(e,t,r,l,n);case 7:return ie(e,t,t.pendingProps,n),t.child;case 8:return ie(e,t,t.pendingProps.children,n),t.child;case 12:return ie(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,i=t.memoizedProps,o=l.value,D(Kr,r._currentValue),r._currentValue=o,i!==null)if(Me(i.value,o)){if(i.children===l.children&&!de.current){t=Ye(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var u=i.dependencies;if(u!==null){o=i.child;for(var a=u.firstContext;a!==null;){if(a.context===r){if(i.tag===1){a=We(-1,n&-n),a.tag=2;var d=i.updateQueue;if(d!==null){d=d.shared;var v=d.pending;v===null?a.next=a:(a.next=v.next,v.next=a),d.pending=a}}i.lanes|=n,a=i.alternate,a!==null&&(a.lanes|=n),Ci(i.return,n,t),u.lanes|=n;break}a=a.next}}else if(i.tag===10)o=i.type===t.type?null:i.child;else if(i.tag===18){if(o=i.return,o===null)throw Error(y(341));o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),Ci(o,n,t),o=i.sibling}else o=i.child;if(o!==null)o.return=i;else for(o=i;o!==null;){if(o===t){o=null;break}if(i=o.sibling,i!==null){i.return=o.return,o=i;break}o=o.return}i=o}ie(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Zt(t,n),l=je(l),r=r(l),t.flags|=1,ie(e,t,r,n),t.child;case 14:return r=t.type,l=Pe(r,t.pendingProps),l=Pe(r.type,l),Ds(e,t,r,l,n);case 15:return Oa(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),zr(e,t),t.tag=1,fe(r)?(e=!0,Wr(t)):e=!1,Zt(t,n),ca(t,r,l),Pi(t,r,l,n),Li(null,t,r,!0,e,n);case 19:return $a(e,t,n);case 22:return Fa(e,t,n)}throw Error(y(156,t.tag))};function nc(e,t){return Pu(e,t)}function Df(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Se(e,t,n,r){return new Df(e,t,n,r)}function Mo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Of(e){if(typeof e=="function")return Mo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ji)return 11;if(e===qi)return 14}return 2}function at(e,t){var n=e.alternate;return n===null?(n=Se(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rr(e,t,n,r,l,i){var o=2;if(r=e,typeof e=="function")Mo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Ot:return Nt(n.children,l,i,t);case Zi:o=8,l|=8;break;case ql:return e=Se(12,n,t,l|2),e.elementType=ql,e.lanes=i,e;case bl:return e=Se(13,n,t,l),e.elementType=bl,e.lanes=i,e;case ei:return e=Se(19,n,t,l),e.elementType=ei,e.lanes=i,e;case du:return ml(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case au:o=10;break e;case cu:o=9;break e;case Ji:o=11;break e;case qi:o=14;break e;case Ze:o=16,r=null;break e}throw Error(y(130,e==null?e:typeof e,""))}return t=Se(o,n,t,l),t.elementType=e,t.type=r,t.lanes=i,t}function Nt(e,t,n,r){return e=Se(7,e,r,t),e.lanes=n,e}function ml(e,t,n,r){return e=Se(22,e,r,t),e.elementType=du,e.lanes=n,e.stateNode={isHidden:!1},e}function Kl(e,t,n){return e=Se(6,e,null,t),e.lanes=n,e}function Yl(e,t,n){return t=Se(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Ff(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=_l(0),this.expirationTimes=_l(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=_l(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Do(e,t,n,r,l,i,o,u,a){return e=new Ff(e,t,n,u,a),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Se(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},go(i),e}function If(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(t)}catch(n){console.error(n)}}t(),e.exports=ye})(Ic);var Gs=Xl;Gl.createRoot=Gs.createRoot,Gl.hydrateRoot=Gs.hydrateRoot;const Vf=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-arrow-narrow-right",width:24,height:24,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M5 12l14 0"}),s.jsx("path",{d:"M15 16l4 -4"}),s.jsx("path",{d:"M15 8l4 4"})]}),Wf=()=>s.jsxs("div",{className:"mt-2 ml-auto bg-gray-700 rounded-md font-console md:mt-0 h-80 xs:h-72 md:h-96 md:ml-0 lg:h-72 2xl:h-64 md:col-span-2",children:[s.jsxs("div",{className:"flex items-center justify-end w-full h-8 gap-1 px-2 bg-gray-500 rounded-t-md",children:[s.jsx("div",{className:"w-4 h-4 bg-gray-400 rounded-full"}),s.jsx("div",{className:"w-4 h-4 bg-gray-400 rounded-full"}),s.jsx("div",{className:"w-4 h-4 bg-gray-200 rounded-full"})]}),s.jsxs("div",{className:"mx-6 my-4 text-base text-gray-200",children:[s.jsxs("span",{className:"relative z-20 inline-block pl-3 pr-2 leading-5 bg-blue-600",children:[s.jsx("div",{className:"absolute right-[-8px] w-0 h-0 border-l-[8px] border-l-blue-600 border-y-[10px] border-y-transparent"}),"Karol@PC"]}),s.jsxs("span",{className:"relative z-10 inline-block pl-4 pr-2 leading-5 bg-green-600 xs:-ml-2 xs:pl-6",children:[s.jsx("div",{className:"top-0 absolute right-[-8px] w-0 h-0 border-l-[8px] border-green-600 border-y-[10px] border-y-transparent"}),"main"]}),s.jsxs("span",{className:"relative inline-block pl-5 pr-2 mr-3 -ml-1 leading-5 bg-red-500",children:[s.jsx("div",{className:"top-0 absolute right-[-8px] w-0 h-0 border-l-[8px] border-red-500 border-y-[10px] border-y-transparent"}),"~/src"]}),s.jsxs("span",{className:"inline-block leading-5 break-all",children:[s.jsx("span",{className:"mr-[6px] text-green-400",children:s.jsx(Vf,{className:"inline",width:20,height:20})}),"Beyond my programming experience, I completed my bachelor's degree"," ",s.jsx("span",{className:"text-blue-400",children:"University of Economics in Katowice"})," ","in the field of"," ",s.jsx("span",{className:"text-amber-400",children:"Computer Science"})," with specialization in"," ",s.jsx("span",{className:"text-purple-400",children:"Databases and Data Engineering"}),s.jsx("span",{className:"animate-underscore",children:"_"})]})]})]}),on=({children:e})=>s.jsx("h3",{className:"text-xl font-semibold",children:e}),Hf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 px-4 rounded-lg xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl background-gradient xs:px-8",children:s.jsxs("div",{className:"py-4 my-8 sm:py-8 md:grid-cols-5 md:grid",id:"about",children:[s.jsxs("div",{className:"md:col-span-3 md:mr-24 2xl:mr-44 text-background",children:[s.jsx(on,{children:"About me"}),s.jsxs("p",{className:"py-4 text-black md:text-lg",children:["Hi, my name is ",s.jsx("b",{children:"Karol"}),". As a frontend developer, I have sharpened my programming skills for the past"," ",s.jsxs("b",{children:[new Date().getFullYear()-2016," years"]})," (",new Date().getFullYear()-2020," years as a frontend developer), acquiring expertise in multiple programming languages. My passion for creating beautiful, user-friendly, and responsive web applications has driven me to make and participate in various projects."]})]}),s.jsx(Wf,{})]})})}),Uo=({...e})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",...e,children:s.jsx("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"})}),oc=({...e})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",...e,children:s.jsx("path",{d:"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"})}),sc=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-send",width:24,height:24,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M10 14l11 -11"}),s.jsx("path",{d:"M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"})]}),Qf=({title:e,linkTo:t,element:n})=>s.jsx("a",{href:t,className:"block h-12 w-36 md:w-40 md:h-14 hover:animate-up-illuminate text-background",target:"_blank","aria-label":e,children:s.jsxs("div",{className:"flex items-center h-full px-4 rounded-lg gap-x-4 bg-primary hover:bg-accent hove",children:[n,s.jsx("span",{children:e})]})}),Kf=[{title:"LinkedIn",element:s.jsx(oc,{width:32,height:32}),linkTo:"https://www.linkedin.com/in/karolstawowski/"},{title:"Github",element:s.jsx(Uo,{width:32,height:32}),linkTo:"https://github.com/karolstawowski"},{title:"Email",element:s.jsx(sc,{width:32,height:32}),linkTo:"mailto:karol_stawowski@wp.pl"}],Yf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:" w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsx("div",{className:"pb-4 my-8",id:"contact",children:s.jsxs("div",{className:"flex flex-wrap justify-center gap-8 my-8",children:[s.jsx("h6",{className:"w-full text-xl font-bold text-center",children:"Feel free to contact me!"}),s.jsx("div",{className:"flex flex-col gap-4 sm:flex-row sm:gap-10 md:gap-16 xl:gap-20",children:Kf.map(e=>s.jsx(Qf,{title:e.title,element:e.element,linkTo:e.linkTo},e.title))})]})})})}),Xs=["January","February","March","April","May","June","July","August","September","October","November","December"],Zs=({company:e,position:t,more:n,since:r,to:l})=>{const i=Xs[r.getMonth()]+" "+r.getFullYear().toString(),o=l?Xs[l.getMonth()]+" "+l.getFullYear().toString():void 0;return s.jsxs("div",{className:"my-6",children:[s.jsx("h4",{className:"text-lg font-semibold md:text-2xl",children:t}),s.jsxs("h5",{className:"italic",children:[e," ",n?"-":""," ",n]}),s.jsxs("p",{children:[i," - "+(o??"now")]})]})},Gf=[{id:1,position:"Full Stack Developer",company:"Night Woods",since:new Date(2023,3)},{id:2,position:"Frontend Developer",company:"Night Woods",since:new Date(2022,2),to:new Date(2022,9)},{id:3,position:"Intern Junior Frontend Developer",company:"Tom&Co",since:new Date(2021,7),to:new Date(2021,8)}],Xf=[{id:5,position:"University of Economics in Katowice",company:"Master of Computer Science",more:"Programming of Intelligent Systems specialisation",since:new Date(2023,9),to:new Date(2025,6)},{id:4,position:"University of Economics in Katowice",company:"Bachelor of Computer Science",more:"Databases and Data Engineering specialisation",since:new Date(2020,9),to:new Date(2023,6)}],Zf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsxs("div",{id:"experience",className:"grid-flow-col gap-6 py-8 my-8 md:grid md:grid-cols-2",children:[s.jsxs("div",{children:[s.jsx(on,{children:"Experience"}),Gf.map(e=>s.jsx(Zs,{...e},e.id))]}),s.jsxs("div",{children:[s.jsx(on,{children:"Education"}),Xf.map(e=>s.jsx(Zs,{...e},e.id))]})]})})}),Jf=()=>s.jsx("div",{className:"flex items-center justify-center w-full h-20 mt-8 bg-primary text-background",children:s.jsx("h4",{children:"© 2023 Karol Stawowski"})}),uc=[{name:"TypeScript",imageName:"ts"},{name:"JavaScript",imageName:"js"},{name:"React.js",imageName:"reactjs"},{name:"HTML5",imageName:"html5"},{name:"CSS3",imageName:"css3"},{name:"Tailwind",imageName:"tailwind"},{name:"Prisma",imageName:"prisma"},{name:"MaterialUI",imageName:"materialui"},{name:"Remix",imageName:"remix"},{name:"RTL",imageName:"rtl"},{name:"Jest",imageName:"jest"},{name:"Vitest",imageName:"vitest"},{name:"Git",imageName:"git"},{name:"ESLint",imageName:"eslint"},{name:"PostgreSQL",imageName:"postgresql"},{name:"MySQL",imageName:"mysql"},{name:"MS SQL Server",imageName:"microsoftsqlserver"},{name:"C#",imageName:"c-sharp"},{name:"Power BI",imageName:"powerbi"}],ac=[{name:"Node.js",imageName:"nodejs"},{name:"Express.js",imageName:"expressjs"},{name:"React Router",imageName:"react-router"},{name:"tRPC",imageName:"trpc"},{name:"Next.js",imageName:"nextjs"},{name:"Docker",imageName:"docker"},{name:"Vite",imageName:"vite"},{name:"i18next",imageName:"i18next"},{name:"SASS",imageName:"sass"},{name:"Figma",imageName:"figma"},{name:"Python",imageName:"python"},{name:"PHP",imageName:"php"},{name:"Tensorflow",imageName:"tensorflow"}],Rt=uc.concat(ac),Mt=(e,t)=>t.filter(n=>e.includes(n.name)),qf=[{name:"Formula 1 Standings Website",imageName:"formula1",description:"Web application presenting official Formula 1 driver and team standings. Application displays informations about previous and upcoming F1 races. Written fully in pure JavaScript. Uses external APIs.",technologies:Mt(["JavaScript","SASS","Vite"],Rt),repositoryUrl:"https://github.com/karolstawowski/Formula_1_Standings_Website",livePreviewUrl:"https://karolstawowski.github.io/Formula_1_Standings_Website/"},{name:"Zefir",imageName:"weather_station",description:"Air quality station based on Raspberry Pi 4B with integrated frontend, backend and database server. It measures, stores and presents air condition parameters. Measuring unit contains of various air quality sensors.",technologies:Mt(["React.js","TypeScript","Tailwind","RTL","Vitest","Node.js","Express.js","tRPC","PostgreSQL","Vite","i18next","React Router","Docker"],Rt)},{name:"MinesweeperTS",imageName:"minesweeper",description:"React and TypeScript implementation of popular old-school single person game Minesweeper. The player must uncover a grid of tiles, some of which contain mines.",technologies:Mt(["React.js","TypeScript","Tailwind","Vite"],Rt),repositoryUrl:"https://github.com/karolstawowski/MinesweeperTS",livePreviewUrl:"https://karolstawowski.github.io/MinesweeperTS"},{name:"OxiZip",imageName:"oxizip",description:"A file archiver for Windows operating system. Program allows you to create and unpack ZIP archives. Created with .NET Windows Forms framework.",technologies:Mt(["C#"],Rt),repositoryUrl:"https://github.com/karolstawowski/OxiZip"},{name:"False Bravery",imageName:"false_bravery",description:"A Discord Bot for League of Legends players which creates images with random champion, summoner spells, items and skill orders - then sends it to the selected Discord channel.",technologies:Mt(["Python"],Rt),repositoryUrl:"https://github.com/karolstawowski/false_bravery"},{name:"Weather Image Recognition",imageName:"weather_image_recognition",description:"Machine learning model based on Convolutional Neural Network with an objective of recognising weather present in images. Achieved test dataset accuracy on the level of 68.8%.",technologies:Mt(["Tensorflow","Python"],Rt),repositoryUrl:"https://github.com/karolstawowski/WeatherImageRecognition"}],bf=[{name:"grafana",author:"grafana",repositoryUrl:"https://github.com/grafana/grafana/pull/72175",stars:57100},{name:"tldraw",author:"tldraw",repositoryUrl:"https://github.com/tldraw/tldraw/pull/1143",stars:17900},{name:"vitest",author:"vitest-dev",repositoryUrl:"https://github.com/vitest-dev/vitest/pull/2948",stars:10100},{name:"C",author:"TodePond",repositoryUrl:"https://github.com/TodePond/WhenWillProgrammersStopMakingDecisionsForOurSocietyAndJustLeaveUsAloneAlsoHackerNewsIsAVileWebsite/pull/48",stars:7200},{name:"particle-life-app",author:"tom-mohr",repositoryUrl:"https://github.com/tom-mohr/particle-life-app/pull/16",stars:530}],ep=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-star-filled",width:"32",height:"32",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z",strokeWidth:0,fill:"currentColor"})]}),cc=({name:e,url:t})=>s.jsx("a",{href:t,className:"grid rounded-lg shadow-lg place-items-center w-11 h-11 bg-button hover:bg-button-hover",target:"_blank","aria-label":`Github repository of ${e}`,children:s.jsx(Uo,{width:28,height:28})}),tp=({project:e})=>s.jsxs("div",{className:"relative flex flex-col justify-between w-full h-full gap-1 p-4 rounded-md shadow text-background bg-primary xl:h-[6.5rem]",children:[s.jsxs("h5",{className:"text-lg",children:[s.jsx("span",{children:e.name}),"/",s.jsx("span",{className:"text-sm",children:e.author})]}),s.jsxs("p",{className:"flex items-baseline gap-1",children:[s.jsx("span",{className:"text-yellow-500",children:s.jsx(ep,{width:16,height:16})}),s.jsx("span",{children:e.stars.toLocaleString("en",{notation:"compact",maximumFractionDigits:1})})]}),s.jsx("div",{className:"absolute bottom-4 right-4",children:s.jsx(cc,{name:e.name,url:e.repositoryUrl})})]}),np=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-link",width:32,height:32,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M9 15l6 -6"}),s.jsx("path",{d:"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"}),s.jsx("path",{d:"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"})]}),rp=({url:e,name:t})=>s.jsx("a",{href:e,target:"_blank","aria-label":`Live ${t} project preview`,children:s.jsx("span",{className:"grid text-black rounded-md shadow-lg fill-current w-11 h-11 bg-button hover:bg-button-hover place-items-center",children:s.jsx(np,{width:28,height:28})})}),lp=({name:e,imageName:t})=>s.jsxs("div",{className:"relative flex flex-wrap items-center justify-center w-10 h-10 rounded-md shadow bg-gray-50 group",children:[s.jsx("img",{src:`./assets/${t}.svg`,height:"40",width:"40",alt:e,className:"w-8 h-8"}),s.jsx("span",{className:"absolute z-10 px-2 py-1 m-4 mx-auto text-xs text-center transition-opacity -translate-x-1/2 rounded-md opacity-0 text-text bg-secondary translate-y-9 group-hover:opacity-100 left-1/2",children:e})]}),ip=({name:e,imgName:t,description:n,technologies:r,repositoryUrl:l,livePreviewUrl:i})=>s.jsxs("div",{className:"box-content flex flex-col p-6 transition-shadow duration-300 ease-in-out rounded-lg shadow text-background xs:p-8 background-gradient",children:[s.jsx("h4",{className:"w-full text-xl font-semibold",children:e}),s.jsx("div",{className:"w-10 h-[2px] bg-text mt-2"}),s.jsx("img",{src:`./assets/projects/${t}.png`,className:"object-cover w-full my-4 rounded-md",height:"236",width:"420",alt:e}),s.jsx("p",{className:"mb-6 text-md",children:n}),s.jsxs("div",{className:"flex justify-between w-full mt-auto justify-self-end",children:[s.jsx("div",{className:`flex flex-wrap gap-x-1 gap-y-3 ${l?"w-3/4":"w-full"}`,children:r.map(o=>s.jsx(lp,{name:o.name,imageName:o.imageName},o.name))}),s.jsxs("div",{className:"flex gap-2",children:[i&&s.jsx(rp,{name:e,url:i}),l&&s.jsx(cc,{name:e,url:l},e)]})]})]}),op=()=>s.jsx("div",{className:"flex flex-col items-center w-full ",children:s.jsx("div",{className:"w-11/12 px-4 rounded-lg xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl bg-secondary xs:px-8",children:s.jsx("div",{className:"flex flex-col gap-16 py-4 sm:py-8 ",id:"projects",children:s.jsxs("div",{className:"flex flex-col gap-6",children:[s.jsxs("div",{className:"flex items-center w-full gap-4",children:[s.jsx("div",{className:"flex-auto h-[2px] bg-accent"}),s.jsx(on,{children:"Selected projects"}),s.jsx("div",{className:"flex-auto h-[2px] bg-accent"})]}),s.jsx("div",{className:"grid gap-4 sm:gap-8 lg:grid-cols-2 3xl:grid-cols-3 lg:gap-6 2xl:gap-8",children:qf.map(e=>s.jsx("div",{className:"flex even:justify-end odd:justify-start",children:s.jsx(ip,{name:e.name,imgName:e.imageName,description:e.description,technologies:e.technologies,repositoryUrl:e.repositoryUrl,livePreviewUrl:e.livePreviewUrl})},e.name))}),s.jsxs("div",{className:"flex items-center w-full gap-4 mt-8",children:[s.jsx("div",{className:"flex-auto h-[2px] bg-accent"}),s.jsx(on,{children:"Open source projects I participated in"}),s.jsx("div",{className:"flex-auto h-[2px] bg-accent"})]}),s.jsx("div",{className:"flex flex-col gap-2 rounded-md lg:gap-x-4 lg:grid md:grid-cols-2 2xl:grid-cols-3 3xl:grid-cols-4 lg:flex-row",children:bf.map(e=>s.jsx(tp,{project:e},e.repositoryUrl))})]})})})}),Js=({name:e,imageName:t})=>s.jsxs("div",{className:"card flex flex-wrap items-center justify-center w-[84px] h-[84px] rounded-md bg-text text-black",children:[s.jsx("img",{src:`./assets/${t}.svg`,height:"32",width:"32",alt:e,className:"z-10 w-8 h-8"}),s.jsx("span",{className:"z-10 w-full text-sm text-center",children:e})]}),sp=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsxs("div",{className:"py-8 my-8",id:"technologies",children:[s.jsx(on,{children:"Technologies"}),s.jsxs("div",{className:"grid md:grid-cols-2 gap-y-6 md:gap-y-0 md:gap-x-8",children:[s.jsx("p",{className:"py-4 md:text-lg",children:"With my dedication to staying current with the latest frontend technologies, I am eager to apply my skills to exciting projects in the field of mainly - but not only - frontend development."}),s.jsx("div",{className:"hidden md:block"}),s.jsxs("div",{children:[s.jsx("span",{className:"block mb-3 text-lg font-semibold",children:"Proficient in technologies:"}),s.jsx("div",{className:"flex flex-wrap gap-3",children:uc.map(e=>s.jsx(Js,{name:e.name,imageName:e.imageName},e.name))})]}),s.jsxs("div",{children:[s.jsx("span",{className:"block mb-3 text-lg font-semibold",children:"Familiar with technologies:"}),s.jsx("div",{className:"flex flex-wrap gap-3",children:ac.map(e=>s.jsx(Js,{name:e.name,imageName:e.imageName},e.name))})]})]})]})})}),up=()=>s.jsx("div",{className:"flex gap-4",children:ap.map(e=>s.jsx("a",{href:e.linkTo,target:"_blank","aria-label":e.title,children:s.jsx("span",{className:"hover:text-accent",children:e.element})},e.title))}),ap=[{title:"LinkedIn",element:s.jsx(oc,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"https://www.linkedin.com/in/karolstawowski/"},{title:"Github",element:s.jsx(Uo,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"https://github.com/karolstawowski"},{title:"Email",element:s.jsx(sc,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"mailto:karol_stawowski@wp.pl"}],cp=()=>s.jsxs("div",{className:"flex flex-col gap-3 opacity-0 animate-fade-in-from-up",children:[s.jsxs("h1",{className:"text-5xl text-right lg:text-6xl xl:7xl",children:["Hi, I'm ",s.jsx("span",{className:"font-bold text-gradient",children:"Karol"})]}),s.jsx("h2",{className:"text-2xl text-right",children:"Frontend Developer"}),s.jsx("h3",{className:"text-2xl text-right",children:"Software Engineer"}),s.jsx("h3",{className:"text-right",children:"Based in Katowice, Poland"}),s.jsx("h2",{className:"hidden mt-6 text-xl text-right xs:text-2xl md:text-3xl lg:text-4xl xs:mt-12 md:mt-16",children:"Karol Stawowski"})]}),dp=()=>s.jsx("div",{className:"flex items-center justify-center h-64 sm:h-72 md:h-96 xl:h-[26rem] 2xl:h-[24rem] min-w-full",children:s.jsxs("div",{className:"absolute w-[800px] h-[560px] scale-[.34] xs:scale-[.4] sm:scale-[.5] md:scale-[.6] xl:scale-[0.65] 2xl:scale-[0.7] 3xl:scale-[0.75]",children:[s.jsxs("div",{className:"relative bg-monitor-outer-border w-full h-[466px] flex justify-center rounded-md",children:[s.jsx("div",{className:"absolute w-1 h-1 bg-gray-400 bottom-2 right-12"}),s.jsxs("div",{className:"bg-monitor-bg m-4 w-full h-[418px] box-border flex flex-wrap overflow-hidden glow",children:[s.jsx("div",{className:"w-full h-4 border-b-2 border-b-monitor-inner-border"}),s.jsx("div",{className:"h-[402px] w-4 border-r-2 border-r-monitor-inner-border"}),s.jsxs("div",{className:"h-[402px] w-28 border-r-2 border-r-monitor-inner-border bg-monitor-side-pannel p-3 [&>*]:h-2 [&>*>*]:h-1 [&>*>*]:bg-gray-200 [&>*]:relative",children:[s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-16"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-6"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-14"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-12"})}),s.jsx("div",{className:"ml-2 animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-2 animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-12"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-14"})})]}),s.jsxs("div",{className:"h-[402px] my-4 mx-5 [&>*]:h-2 [&>*]:mb-3 [&>*>*]:mr-3 relative [&>*]:flex ",children:[s.jsxs("div",{className:"animate-monitor-self-1",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-14 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-red"}),s.jsx("div",{className:"w-12 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-5 animate-monitor-self-1",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-16 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[60px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-8 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-brown"}),s.jsx("div",{className:"w-4 bg-editor-red"}),s.jsx("div",{className:"w-2 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-4 mt-[80px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-20 bg-editor-white"}),s.jsx("div",{className:"w-8 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[100px] ml-4 animate-monitor-self-2",children:[s.jsx("div",{className:"w-28 bg-editor-white"}),s.jsx("div",{className:"w-8 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-4 mt-[120px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-16 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-blue"})]}),s.jsx("div",{className:"w-2 mt-[140px] bg-editor-blue animate-monitor-self-2"}),s.jsx("div",{}),s.jsxs("div",{className:"mt-[160px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-28 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-purple"}),s.jsx("div",{className:"w-2 bg-editor-blue"}),s.jsx("div",{className:"w-20 bg-editor-brown"}),s.jsx("div",{className:"w-6 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[180px] ml-4 animate-monitor-self-3",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-2 bg-editor-green"})]}),s.jsxs("div",{className:"ml-8 mt-[200px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-6 bg-editor-green"}),s.jsx("div",{className:"w-32 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-12 mt-[220px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-8 bg-editor-green"}),s.jsx("div",{className:"w-16 bg-editor-blue"}),s.jsx("div",{className:"w-14 bg-editor-brown"}),s.jsx("div",{className:"w-8 bg-editor-green"})]}),s.jsxs("div",{className:"ml-12 mt-[240px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-8 bg-editor-green"}),s.jsx("div",{className:"w-8 bg-editor-blue"}),s.jsx("div",{className:"w-14 bg-editor-purple"}),s.jsx("div",{className:"w-16 bg-editor-brown"}),s.jsx("div",{className:"w-8 bg-editor-green"})]}),s.jsxs("div",{className:"ml-8 mt-[260px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-6 bg-editor-green"}),s.jsx("div",{className:"w-32 bg-editor-blue"})]}),s.jsx("div",{className:"ml-4 mt-[280px] animate-monitor-self-3",children:s.jsx("div",{className:"w-2 bg-editor-green"})}),s.jsx("div",{className:"mt-[300px] animate-monitor-self-3",children:s.jsx("div",{className:"w-2 bg-editor-blue"})})]})]})]}),s.jsx("div",{className:"w-16 h-24 m-auto bg-gradient-to-b from-[#19191A] to-monitor-stand"}),s.jsx("div",{className:"h-4 m-auto rounded-t-lg w-96 bg-monitor-stand"})]})}),fp=({title:e})=>{const t=e.toLowerCase(),n=r=>{const l=document.getElementById(r);l&&l.scrollIntoView({behavior:"smooth"})};return s.jsx("a",{className:"p-1 mx-2 cursor-pointer link-underline last:hidden last:lg:inline",onClick:()=>n(t),"aria-label":t,children:e})},pp=()=>s.jsxs("div",{className:"flex items-baseline justify-center w-full h-12 rounded-lg text-text sm:justify-between",children:[s.jsx("h1",{className:"h-8 my-2 text-2xl select-none ",children:""}),s.jsx("div",{className:"hidden text-lg lg:block",children:mp.map(e=>s.jsx(fp,{title:e},e))})]}),mp=["About","Technologies","Projects","Experience","Contact"],hp=["#00ABBD","#0C2F3B","#3CB0D7","#030A0D"],vp=()=>{const e={"#00ABBD":"bg-[#00ABBD]","#0C2F3B":"bg-[#0C2F3B]","#3CB0D7":"bg-[#3CB0D7]","#030A0D":"bg-[#030A0D]"};return s.jsx("div",{className:"absolute top-0 right-0 flex-col items-end hidden gap-3 lg:flex",children:hp.map(t=>s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("p",{className:"font-extralight opacity-80",children:t}),s.jsx("div",{className:`${e[t]} w-8 h-6 rounded outline outline-text outline-2 outline-offset-1`})]}))})},gp=()=>s.jsx("div",{className:"flex flex-col items-center w-full h-screen",children:s.jsx("div",{className:"w-11/12 h-full xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-9/12",children:s.jsxs("div",{className:"flex flex-col justify-around h-full pb-4 sm:pb-10",children:[s.jsx(pp,{}),s.jsxs("div",{className:"relative flex justify-center",children:[s.jsx(dp,{}),s.jsx(vp,{})]}),s.jsxs("div",{className:"flex flex-col-reverse items-end justify-between gap-8 sm:flex-row",children:[s.jsx(up,{}),s.jsx(cp,{})]})]})})}),yp=()=>s.jsxs("div",{className:"flex flex-col items-center bg-background text-text",children:[s.jsx(gp,{}),s.jsx(Hf,{}),s.jsx(sp,{}),s.jsx(op,{}),s.jsx(Zf,{}),s.jsx(Yf,{}),s.jsx(Jf,{})]});Gl.createRoot(document.getElementById("root")).render(s.jsx(Tc.StrictMode,{children:s.jsx(yp,{})})); +`+i.stack}return{value:e,source:t,stack:l,digest:null}}function Hl(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function zi(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var gf=typeof WeakMap=="function"?WeakMap:Map;function Ma(e,t,n){n=We(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){br||(br=!0,Ai=r),zi(e,t)},n}function Da(e,t,n){n=We(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var l=t.value;n.payload=function(){return r(l)},n.callback=function(){zi(e,t)}}var i=e.stateNode;return i!==null&&typeof i.componentDidCatch=="function"&&(n.callback=function(){zi(e,t),typeof r!="function"&&(st===null?st=new Set([this]):st.add(this));var o=t.stack;this.componentDidCatch(t.value,{componentStack:o!==null?o:""})}),n}function Ts(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new gf;var l=new Set;r.set(t,l)}else l=r.get(t),l===void 0&&(l=new Set,r.set(t,l));l.has(n)||(l.add(n),e=Lf.bind(null,e,t,n),t.then(e,e))}function Ls(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function Rs(e,t,n,r,l){return e.mode&1?(e.flags|=65536,e.lanes=l,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=We(-1,1),t.tag=2,ot(n,t,1))),n.lanes|=1),e)}var yf=Ge.ReactCurrentOwner,ce=!1;function ie(e,t,n,r){t.child=e===null?fa(t,null,n,r):tn(t,e.child,n,r)}function Ms(e,t,n,r,l){n=n.render;var i=t.ref;return Zt(t,l),r=So(e,t,n,r,i,l),n=No(),e!==null&&!ce?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Ye(e,t,l)):(U&&n&&ao(t),t.flags|=1,ie(e,t,r,l),t.child)}function Ds(e,t,n,r,l){if(e===null){var i=n.type;return typeof i=="function"&&!Mo(i)&&i.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=i,Oa(e,t,i,r,l)):(e=Rr(n.type,null,r,t,t.mode,l),e.ref=t.ref,e.return=t,t.child=e)}if(i=e.child,!(e.lanes&l)){var o=i.memoizedProps;if(n=n.compare,n=n!==null?n:Bn,n(o,r)&&e.ref===t.ref)return Ye(e,t,l)}return t.flags|=1,e=at(i,r),e.ref=t.ref,e.return=t,t.child=e}function Oa(e,t,n,r,l){if(e!==null){var i=e.memoizedProps;if(Bn(i,r)&&e.ref===t.ref)if(ce=!1,t.pendingProps=r=i,(e.lanes&l)!==0)e.flags&131072&&(ce=!0);else return t.lanes=e.lanes,Ye(e,t,l)}return Ti(e,t,n,r,l)}function Fa(e,t,n){var r=t.pendingProps,l=r.children,i=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},D(Qt,me),me|=n;else{if(!(n&1073741824))return e=i!==null?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,D(Qt,me),me|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=i!==null?i.baseLanes:n,D(Qt,me),me|=r}else i!==null?(r=i.baseLanes|n,t.memoizedState=null):r=n,D(Qt,me),me|=r;return ie(e,t,l,n),t.child}function Ia(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Ti(e,t,n,r,l){var i=fe(n)?jt:le.current;return i=bt(t,i),Zt(t,l),n=So(e,t,n,r,i,l),r=No(),e!==null&&!ce?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~l,Ye(e,t,l)):(U&&r&&ao(t),t.flags|=1,ie(e,t,n,l),t.child)}function Os(e,t,n,r,l){if(fe(n)){var i=!0;Wr(t)}else i=!1;if(Zt(t,l),t.stateNode===null)zr(e,t),ca(t,n,r),Pi(t,n,r,l),r=!0;else if(e===null){var o=t.stateNode,u=t.memoizedProps;o.props=u;var a=o.context,d=n.contextType;typeof d=="object"&&d!==null?d=je(d):(d=fe(n)?jt:le.current,d=bt(t,d));var v=n.getDerivedStateFromProps,h=typeof v=="function"||typeof o.getSnapshotBeforeUpdate=="function";h||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(u!==r||a!==d)&&Cs(t,o,r,d),Je=!1;var m=t.memoizedState;o.state=m,Gr(t,r,o,l),a=t.memoizedState,u!==r||m!==a||de.current||Je?(typeof v=="function"&&(_i(t,n,v,r),a=t.memoizedState),(u=Je||Es(t,n,u,r,m,a,d))?(h||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount()),typeof o.componentDidMount=="function"&&(t.flags|=4194308)):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=a),o.props=r,o.state=a,o.context=d,r=u):(typeof o.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{o=t.stateNode,ua(e,t),u=t.memoizedProps,d=t.type===t.elementType?u:Pe(t.type,u),o.props=d,h=t.pendingProps,m=o.context,a=n.contextType,typeof a=="object"&&a!==null?a=je(a):(a=fe(n)?jt:le.current,a=bt(t,a));var x=n.getDerivedStateFromProps;(v=typeof x=="function"||typeof o.getSnapshotBeforeUpdate=="function")||typeof o.UNSAFE_componentWillReceiveProps!="function"&&typeof o.componentWillReceiveProps!="function"||(u!==h||m!==a)&&Cs(t,o,r,a),Je=!1,m=t.memoizedState,o.state=m,Gr(t,r,o,l);var w=t.memoizedState;u!==h||m!==w||de.current||Je?(typeof x=="function"&&(_i(t,n,x,r),w=t.memoizedState),(d=Je||Es(t,n,d,r,m,w,a)||!1)?(v||typeof o.UNSAFE_componentWillUpdate!="function"&&typeof o.componentWillUpdate!="function"||(typeof o.componentWillUpdate=="function"&&o.componentWillUpdate(r,w,a),typeof o.UNSAFE_componentWillUpdate=="function"&&o.UNSAFE_componentWillUpdate(r,w,a)),typeof o.componentDidUpdate=="function"&&(t.flags|=4),typeof o.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof o.componentDidUpdate!="function"||u===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||u===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=w),o.props=r,o.state=w,o.context=a,r=d):(typeof o.componentDidUpdate!="function"||u===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),typeof o.getSnapshotBeforeUpdate!="function"||u===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),r=!1)}return Li(e,t,n,r,i,l)}function Li(e,t,n,r,l,i){Ia(e,t);var o=(t.flags&128)!==0;if(!r&&!o)return l&&ws(t,n,!1),Ye(e,t,i);r=t.stateNode,yf.current=t;var u=o&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&o?(t.child=tn(t,e.child,null,i),t.child=tn(t,null,u,i)):ie(e,t,u,i),t.memoizedState=r.state,l&&ws(t,n,!0),t.child}function Ua(e){var t=e.stateNode;t.pendingContext?xs(e,t.pendingContext,t.pendingContext!==t.context):t.context&&xs(e,t.context,!1),yo(e,t.containerInfo)}function Fs(e,t,n,r,l){return en(),fo(l),t.flags|=256,ie(e,t,n,r),t.child}var Ri={dehydrated:null,treeContext:null,retryLane:0};function Mi(e){return{baseLanes:e,cachePool:null,transitions:null}}function Aa(e,t,n){var r=t.pendingProps,l=A.current,i=!1,o=(t.flags&128)!==0,u;if((u=o)||(u=e!==null&&e.memoizedState===null?!1:(l&2)!==0),u?(i=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(l|=1),D(A,l&1),e===null)return Ei(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(o=r.children,e=r.fallback,i?(r=t.mode,i=t.child,o={mode:"hidden",children:o},!(r&1)&&i!==null?(i.childLanes=0,i.pendingProps=o):i=ml(o,r,0,null),e=Nt(e,r,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=Mi(n),t.memoizedState=Ri,e):Co(t,o));if(l=e.memoizedState,l!==null&&(u=l.dehydrated,u!==null))return xf(e,t,o,r,u,l,n);if(i){i=r.fallback,o=t.mode,l=e.child,u=l.sibling;var a={mode:"hidden",children:r.children};return!(o&1)&&t.child!==l?(r=t.child,r.childLanes=0,r.pendingProps=a,t.deletions=null):(r=at(l,a),r.subtreeFlags=l.subtreeFlags&14680064),u!==null?i=at(u,i):(i=Nt(i,o,n,null),i.flags|=2),i.return=t,r.return=t,r.sibling=i,t.child=r,r=i,i=t.child,o=e.child.memoizedState,o=o===null?Mi(n):{baseLanes:o.baseLanes|n,cachePool:null,transitions:o.transitions},i.memoizedState=o,i.childLanes=e.childLanes&~n,t.memoizedState=Ri,r}return i=e.child,e=i.sibling,r=at(i,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Co(e,t){return t=ml({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function gr(e,t,n,r){return r!==null&&fo(r),tn(t,e.child,null,n),e=Co(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function xf(e,t,n,r,l,i,o){if(n)return t.flags&256?(t.flags&=-257,r=Hl(Error(y(422))),gr(e,t,o,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(i=r.fallback,l=t.mode,r=ml({mode:"visible",children:r.children},l,0,null),i=Nt(i,l,o,null),i.flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,t.mode&1&&tn(t,e.child,null,o),t.child.memoizedState=Mi(o),t.memoizedState=Ri,i);if(!(t.mode&1))return gr(e,t,o,null);if(l.data==="$!"){if(r=l.nextSibling&&l.nextSibling.dataset,r)var u=r.dgst;return r=u,i=Error(y(419)),r=Hl(i,r,void 0),gr(e,t,o,r)}if(u=(o&e.childLanes)!==0,ce||u){if(r=J,r!==null){switch(o&-o){case 4:l=2;break;case 16:l=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:l=32;break;case 536870912:l=268435456;break;default:l=0}l=l&(r.suspendedLanes|o)?0:l,l!==0&&l!==i.retryLane&&(i.retryLane=l,Ke(e,l),Re(r,e,l,-1))}return Ro(),r=Hl(Error(y(421))),gr(e,t,o,r)}return l.data==="$?"?(t.flags|=128,t.child=e.child,t=Rf.bind(null,e),l._reactRetry=t,null):(e=i.treeContext,he=it(l.nextSibling),ve=t,U=!0,Te=null,e!==null&&(we[ke++]=Be,we[ke++]=Ve,we[ke++]=Et,Be=e.id,Ve=e.overflow,Et=t),t=Co(t,r.children),t.flags|=4096,t)}function Is(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),Ci(e.return,t,n)}function Ql(e,t,n,r,l){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:l}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=l)}function $a(e,t,n){var r=t.pendingProps,l=r.revealOrder,i=r.tail;if(ie(e,t,r.children,n),r=A.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&Is(e,n,t);else if(e.tag===19)Is(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(D(A,r),!(t.mode&1))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;n!==null;)e=n.alternate,e!==null&&Xr(e)===null&&(l=n),n=n.sibling;n=l,n===null?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),Ql(t,!1,l,n,i);break;case"backwards":for(n=null,l=t.child,t.child=null;l!==null;){if(e=l.alternate,e!==null&&Xr(e)===null){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}Ql(t,!0,n,null,i);break;case"together":Ql(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function zr(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Ye(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),_t|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(y(153));if(t.child!==null){for(e=t.child,n=at(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=at(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function wf(e,t,n){switch(t.tag){case 3:Ua(t),en();break;case 5:pa(t);break;case 1:fe(t.type)&&Wr(t);break;case 4:yo(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,l=t.memoizedProps.value;D(Kr,r._currentValue),r._currentValue=l;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(D(A,A.current&1),t.flags|=128,null):n&t.child.childLanes?Aa(e,t,n):(D(A,A.current&1),e=Ye(e,t,n),e!==null?e.sibling:null);D(A,A.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return $a(e,t,n);t.flags|=128}if(l=t.memoizedState,l!==null&&(l.rendering=null,l.tail=null,l.lastEffect=null),D(A,A.current),r)break;return null;case 22:case 23:return t.lanes=0,Fa(e,t,n)}return Ye(e,t,n)}var Ba,Di,Va,Wa;Ba=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};Di=function(){};Va=function(e,t,n,r){var l=e.memoizedProps;if(l!==r){e=t.stateNode,kt(Ue.current);var i=null;switch(n){case"input":l=ni(e,l),r=ni(e,r),i=[];break;case"select":l=B({},l,{value:void 0}),r=B({},r,{value:void 0}),i=[];break;case"textarea":l=ii(e,l),r=ii(e,r),i=[];break;default:typeof l.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Br)}si(n,r);var o;n=null;for(d in l)if(!r.hasOwnProperty(d)&&l.hasOwnProperty(d)&&l[d]!=null)if(d==="style"){var u=l[d];for(o in u)u.hasOwnProperty(o)&&(n||(n={}),n[o]="")}else d!=="dangerouslySetInnerHTML"&&d!=="children"&&d!=="suppressContentEditableWarning"&&d!=="suppressHydrationWarning"&&d!=="autoFocus"&&(Dn.hasOwnProperty(d)?i||(i=[]):(i=i||[]).push(d,null));for(d in r){var a=r[d];if(u=l!=null?l[d]:void 0,r.hasOwnProperty(d)&&a!==u&&(a!=null||u!=null))if(d==="style")if(u){for(o in u)!u.hasOwnProperty(o)||a&&a.hasOwnProperty(o)||(n||(n={}),n[o]="");for(o in a)a.hasOwnProperty(o)&&u[o]!==a[o]&&(n||(n={}),n[o]=a[o])}else n||(i||(i=[]),i.push(d,n)),n=a;else d==="dangerouslySetInnerHTML"?(a=a?a.__html:void 0,u=u?u.__html:void 0,a!=null&&u!==a&&(i=i||[]).push(d,a)):d==="children"?typeof a!="string"&&typeof a!="number"||(i=i||[]).push(d,""+a):d!=="suppressContentEditableWarning"&&d!=="suppressHydrationWarning"&&(Dn.hasOwnProperty(d)?(a!=null&&d==="onScroll"&&O("scroll",e),i||u===a||(i=[])):(i=i||[]).push(d,a))}n&&(i=i||[]).push("style",n);var d=i;(t.updateQueue=d)&&(t.flags|=4)}};Wa=function(e,t,n,r){n!==r&&(t.flags|=4)};function yn(e,t){if(!U)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ne(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags&14680064,r|=l.flags&14680064,l.return=e,l=l.sibling;else for(l=e.child;l!==null;)n|=l.lanes|l.childLanes,r|=l.subtreeFlags,r|=l.flags,l.return=e,l=l.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function kf(e,t,n){var r=t.pendingProps;switch(co(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ne(t),null;case 1:return fe(t.type)&&Vr(),ne(t),null;case 3:return r=t.stateNode,nn(),F(de),F(le),wo(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(hr(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,Te!==null&&(Vi(Te),Te=null))),Di(e,t),ne(t),null;case 5:xo(t);var l=kt(Kn.current);if(n=t.type,e!==null&&t.stateNode!=null)Va(e,t,n,r,l),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(y(166));return ne(t),null}if(e=kt(Ue.current),hr(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[Fe]=t,r[Hn]=i,e=(t.mode&1)!==0,n){case"dialog":O("cancel",r),O("close",r);break;case"iframe":case"object":case"embed":O("load",r);break;case"video":case"audio":for(l=0;l<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[Fe]=t,e[Hn]=r,Ba(e,t,!1,!1),t.stateNode=e;e:{switch(o=ui(n,r),n){case"dialog":O("cancel",e),O("close",e),l=r;break;case"iframe":case"object":case"embed":O("load",e),l=r;break;case"video":case"audio":for(l=0;lln&&(t.flags|=128,r=!0,yn(i,!1),t.lanes=4194304)}else{if(!r)if(e=Xr(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),yn(i,!0),i.tail===null&&i.tailMode==="hidden"&&!o.alternate&&!U)return ne(t),null}else 2*Q()-i.renderingStartTime>ln&&n!==1073741824&&(t.flags|=128,r=!0,yn(i,!1),t.lanes=4194304);i.isBackwards?(o.sibling=t.child,t.child=o):(n=i.last,n!==null?n.sibling=o:t.child=o,i.last=o)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Q(),t.sibling=null,n=A.current,D(A,r?n&1|2:n&1),t):(ne(t),null);case 22:case 23:return Lo(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?me&1073741824&&(ne(t),t.subtreeFlags&6&&(t.flags|=8192)):ne(t),null;case 24:return null;case 25:return null}throw Error(y(156,t.tag))}function Sf(e,t){switch(co(t),t.tag){case 1:return fe(t.type)&&Vr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return nn(),F(de),F(le),wo(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return xo(t),null;case 13:if(F(A),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(y(340));en()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return F(A),null;case 4:return nn(),null;case 10:return ho(t.type._context),null;case 22:case 23:return Lo(),null;case 24:return null;default:return null}}var yr=!1,re=!1,Nf=typeof WeakSet=="function"?WeakSet:Set,S=null;function Ht(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){V(e,t,r)}else n.current=null}function Oi(e,t,n){try{n()}catch(r){V(e,t,r)}}var Us=!1;function jf(e,t){if(yi=Ur,e=Yu(),uo(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,u=-1,a=-1,d=0,v=0,h=e,m=null;t:for(;;){for(var x;h!==n||l!==0&&h.nodeType!==3||(u=o+l),h!==i||r!==0&&h.nodeType!==3||(a=o+r),h.nodeType===3&&(o+=h.nodeValue.length),(x=h.firstChild)!==null;)m=h,h=x;for(;;){if(h===e)break t;if(m===n&&++d===l&&(u=o),m===i&&++v===r&&(a=o),(x=h.nextSibling)!==null)break;h=m,m=h.parentNode}h=x}n=u===-1||a===-1?null:{start:u,end:a}}else n=null}n=n||{start:0,end:0}}else n=null;for(xi={focusedElem:e,selectionRange:n},Ur=!1,S=t;S!==null;)if(t=S,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,S=e;else for(;S!==null;){t=S;try{var w=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(w!==null){var k=w.memoizedProps,I=w.memoizedState,f=t.stateNode,c=f.getSnapshotBeforeUpdate(t.elementType===t.type?k:Pe(t.type,k),I);f.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(y(163))}}catch(g){V(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,S=e;break}S=t.return}return w=Us,Us=!1,w}function Tn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&Oi(t,n,i)}l=l.next}while(l!==r)}}function fl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Fi(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Ha(e){var t=e.alternate;t!==null&&(e.alternate=null,Ha(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Fe],delete t[Hn],delete t[Si],delete t[of],delete t[sf])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Qa(e){return e.tag===5||e.tag===3||e.tag===4}function As(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Qa(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Ii(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Br));else if(r!==4&&(e=e.child,e!==null))for(Ii(e,t,n),e=e.sibling;e!==null;)Ii(e,t,n),e=e.sibling}function Ui(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Ui(e,t,n),e=e.sibling;e!==null;)Ui(e,t,n),e=e.sibling}var q=null,ze=!1;function Xe(e,t,n){for(n=n.child;n!==null;)Ka(e,t,n),n=n.sibling}function Ka(e,t,n){if(Ie&&typeof Ie.onCommitFiberUnmount=="function")try{Ie.onCommitFiberUnmount(ll,n)}catch{}switch(n.tag){case 5:re||Ht(n,t);case 6:var r=q,l=ze;q=null,Xe(e,t,n),q=r,ze=l,q!==null&&(ze?(e=q,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):q.removeChild(n.stateNode));break;case 18:q!==null&&(ze?(e=q,n=n.stateNode,e.nodeType===8?Ul(e.parentNode,n):e.nodeType===1&&Ul(e,n),An(e)):Ul(q,n.stateNode));break;case 4:r=q,l=ze,q=n.stateNode.containerInfo,ze=!0,Xe(e,t,n),q=r,ze=l;break;case 0:case 11:case 14:case 15:if(!re&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var i=l,o=i.destroy;i=i.tag,o!==void 0&&(i&2||i&4)&&Oi(n,t,o),l=l.next}while(l!==r)}Xe(e,t,n);break;case 1:if(!re&&(Ht(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(u){V(n,t,u)}Xe(e,t,n);break;case 21:Xe(e,t,n);break;case 22:n.mode&1?(re=(r=re)||n.memoizedState!==null,Xe(e,t,n),re=r):Xe(e,t,n);break;default:Xe(e,t,n)}}function $s(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Nf),t.forEach(function(r){var l=Mf.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function _e(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~i}if(r=l,r=Q()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Cf(r/1960))-r,10e?16:e,tt===null)var r=!1;else{if(e=tt,tt=null,el=0,R&6)throw Error(y(331));var l=R;for(R|=4,S=e.current;S!==null;){var i=S,o=i.child;if(S.flags&16){var u=i.deletions;if(u!==null){for(var a=0;aQ()-zo?St(e,0):Po|=n),pe(e,t)}function ec(e,t){t===0&&(e.mode&1?(t=ar,ar<<=1,!(ar&130023424)&&(ar=4194304)):t=1);var n=oe();e=Ke(e,t),e!==null&&(qn(e,t,n),pe(e,n))}function Rf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),ec(e,n)}function Mf(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(y(314))}r!==null&&r.delete(t),ec(e,n)}var tc;tc=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||de.current)ce=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return ce=!1,wf(e,t,n);ce=!!(e.flags&131072)}else ce=!1,U&&t.flags&1048576&&la(t,Qr,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;zr(e,t),e=t.pendingProps;var l=bt(t,le.current);Zt(t,n),l=So(null,t,r,e,l,n);var i=No();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,fe(r)?(i=!0,Wr(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,go(t),l.updater=cl,t.stateNode=l,l._reactInternals=t,Pi(t,r,e,n),t=Li(null,t,r,!0,i,n)):(t.tag=0,U&&i&&ao(t),ie(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(zr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Of(r),e=Pe(r,e),l){case 0:t=Ti(null,t,r,e,n);break e;case 1:t=Os(null,t,r,e,n);break e;case 11:t=Ms(null,t,r,e,n);break e;case 14:t=Ds(null,t,r,Pe(r.type,e),n);break e}throw Error(y(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Ti(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Os(e,t,r,l,n);case 3:e:{if(Ua(t),e===null)throw Error(y(387));r=t.pendingProps,i=t.memoizedState,l=i.element,ua(e,t),Gr(t,r,null,n);var o=t.memoizedState;if(r=o.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=rn(Error(y(423)),t),t=Fs(e,t,r,n,l);break e}else if(r!==l){l=rn(Error(y(424)),t),t=Fs(e,t,r,n,l);break e}else for(he=it(t.stateNode.containerInfo.firstChild),ve=t,U=!0,Te=null,n=fa(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(en(),r===l){t=Ye(e,t,n);break e}ie(e,t,r,n)}t=t.child}return t;case 5:return pa(t),e===null&&Ei(t),r=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,o=l.children,wi(r,l)?o=null:i!==null&&wi(r,i)&&(t.flags|=32),Ia(e,t),ie(e,t,o,n),t.child;case 6:return e===null&&Ei(t),null;case 13:return Aa(e,t,n);case 4:return yo(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=tn(t,null,r,n):ie(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),Ms(e,t,r,l,n);case 7:return ie(e,t,t.pendingProps,n),t.child;case 8:return ie(e,t,t.pendingProps.children,n),t.child;case 12:return ie(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,i=t.memoizedProps,o=l.value,D(Kr,r._currentValue),r._currentValue=o,i!==null)if(Me(i.value,o)){if(i.children===l.children&&!de.current){t=Ye(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var u=i.dependencies;if(u!==null){o=i.child;for(var a=u.firstContext;a!==null;){if(a.context===r){if(i.tag===1){a=We(-1,n&-n),a.tag=2;var d=i.updateQueue;if(d!==null){d=d.shared;var v=d.pending;v===null?a.next=a:(a.next=v.next,v.next=a),d.pending=a}}i.lanes|=n,a=i.alternate,a!==null&&(a.lanes|=n),Ci(i.return,n,t),u.lanes|=n;break}a=a.next}}else if(i.tag===10)o=i.type===t.type?null:i.child;else if(i.tag===18){if(o=i.return,o===null)throw Error(y(341));o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),Ci(o,n,t),o=i.sibling}else o=i.child;if(o!==null)o.return=i;else for(o=i;o!==null;){if(o===t){o=null;break}if(i=o.sibling,i!==null){i.return=o.return,o=i;break}o=o.return}i=o}ie(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,Zt(t,n),l=je(l),r=r(l),t.flags|=1,ie(e,t,r,n),t.child;case 14:return r=t.type,l=Pe(r,t.pendingProps),l=Pe(r.type,l),Ds(e,t,r,l,n);case 15:return Oa(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Pe(r,l),zr(e,t),t.tag=1,fe(r)?(e=!0,Wr(t)):e=!1,Zt(t,n),ca(t,r,l),Pi(t,r,l,n),Li(null,t,r,!0,e,n);case 19:return $a(e,t,n);case 22:return Fa(e,t,n)}throw Error(y(156,t.tag))};function nc(e,t){return Pu(e,t)}function Df(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Se(e,t,n,r){return new Df(e,t,n,r)}function Mo(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Of(e){if(typeof e=="function")return Mo(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Ji)return 11;if(e===qi)return 14}return 2}function at(e,t){var n=e.alternate;return n===null?(n=Se(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Rr(e,t,n,r,l,i){var o=2;if(r=e,typeof e=="function")Mo(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Ot:return Nt(n.children,l,i,t);case Zi:o=8,l|=8;break;case ql:return e=Se(12,n,t,l|2),e.elementType=ql,e.lanes=i,e;case bl:return e=Se(13,n,t,l),e.elementType=bl,e.lanes=i,e;case ei:return e=Se(19,n,t,l),e.elementType=ei,e.lanes=i,e;case du:return ml(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case au:o=10;break e;case cu:o=9;break e;case Ji:o=11;break e;case qi:o=14;break e;case Ze:o=16,r=null;break e}throw Error(y(130,e==null?e:typeof e,""))}return t=Se(o,n,t,l),t.elementType=e,t.type=r,t.lanes=i,t}function Nt(e,t,n,r){return e=Se(7,e,r,t),e.lanes=n,e}function ml(e,t,n,r){return e=Se(22,e,r,t),e.elementType=du,e.lanes=n,e.stateNode={isHidden:!1},e}function Kl(e,t,n){return e=Se(6,e,null,t),e.lanes=n,e}function Yl(e,t,n){return t=Se(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Ff(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=_l(0),this.expirationTimes=_l(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=_l(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Do(e,t,n,r,l,i,o,u,a){return e=new Ff(e,t,n,u,a),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Se(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},go(i),e}function If(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(t)}catch(n){console.error(n)}}t(),e.exports=ye})(Ic);var Gs=Xl;Gl.createRoot=Gs.createRoot,Gl.hydrateRoot=Gs.hydrateRoot;const Vf=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-arrow-narrow-right",width:24,height:24,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M5 12l14 0"}),s.jsx("path",{d:"M15 16l4 -4"}),s.jsx("path",{d:"M15 8l4 4"})]}),Wf=()=>s.jsxs("div",{className:"mt-2 ml-auto bg-gray-700 rounded-md font-console md:mt-0 h-80 xs:h-72 md:h-96 md:ml-0 lg:h-72 2xl:h-64 md:col-span-2",children:[s.jsxs("div",{className:"flex items-center justify-end w-full h-8 gap-1 px-2 bg-gray-500 rounded-t-md",children:[s.jsx("div",{className:"w-4 h-4 bg-gray-400 rounded-full"}),s.jsx("div",{className:"w-4 h-4 bg-gray-400 rounded-full"}),s.jsx("div",{className:"w-4 h-4 bg-gray-200 rounded-full"})]}),s.jsxs("div",{className:"mx-6 my-4 text-base text-gray-200",children:[s.jsxs("span",{className:"relative z-20 inline-block pl-3 pr-2 leading-5 bg-blue-600",children:[s.jsx("div",{className:"absolute right-[-8px] w-0 h-0 border-l-[8px] border-l-blue-600 border-y-[10px] border-y-transparent"}),"Karol@PC"]}),s.jsxs("span",{className:"relative z-10 inline-block pl-4 pr-2 leading-5 bg-green-600 xs:-ml-2 xs:pl-6",children:[s.jsx("div",{className:"top-0 absolute right-[-8px] w-0 h-0 border-l-[8px] border-green-600 border-y-[10px] border-y-transparent"}),"main"]}),s.jsxs("span",{className:"relative inline-block pl-5 pr-2 mr-3 -ml-1 leading-5 bg-red-500",children:[s.jsx("div",{className:"top-0 absolute right-[-8px] w-0 h-0 border-l-[8px] border-red-500 border-y-[10px] border-y-transparent"}),"~/src"]}),s.jsxs("span",{className:"inline-block leading-5 break-all",children:[s.jsx("span",{className:"mr-[6px] text-green-400",children:s.jsx(Vf,{className:"inline",width:20,height:20})}),"Beyond my programming experience, I completed my bachelor's degree"," ",s.jsx("span",{className:"text-blue-400",children:"University of Economics in Katowice"})," ","in the field of"," ",s.jsx("span",{className:"text-amber-400",children:"Computer Science"})," with specialization in"," ",s.jsx("span",{className:"text-purple-400",children:"Databases and Data Engineering"}),s.jsx("span",{className:"animate-underscore",children:"_"})]})]})]}),on=({children:e})=>s.jsx("h3",{className:"text-xl font-semibold",children:e}),Hf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 px-4 rounded-lg xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl background-gradient xs:px-8",children:s.jsxs("div",{className:"py-4 my-8 sm:py-8 md:grid-cols-5 md:grid",id:"about",children:[s.jsxs("div",{className:"md:col-span-3 md:mr-24 2xl:mr-44 text-background",children:[s.jsx(on,{children:"About me"}),s.jsxs("p",{className:"py-4 text-black md:text-lg",children:["Hi, my name is ",s.jsx("b",{children:"Karol"}),". As a frontend developer, I have sharpened my programming skills for the past"," ",s.jsxs("b",{children:[new Date().getFullYear()-2016," years"]})," (",new Date().getFullYear()-2020," years as a frontend developer), acquiring expertise in multiple programming languages. My passion for creating beautiful, user-friendly, and responsive web applications has driven me to make and participate in various projects."]})]}),s.jsx(Wf,{})]})})}),Uo=({...e})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",...e,children:s.jsx("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"})}),oc=({...e})=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"currentColor",...e,children:s.jsx("path",{d:"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"})}),sc=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-send",width:24,height:24,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M10 14l11 -11"}),s.jsx("path",{d:"M21 3l-6.5 18a.55 .55 0 0 1 -1 0l-3.5 -7l-7 -3.5a.55 .55 0 0 1 0 -1l18 -6.5"})]}),Qf=({title:e,linkTo:t,element:n})=>s.jsx("a",{href:t,className:"block h-12 w-36 md:w-40 md:h-14 hover:animate-up-illuminate text-background",target:"_blank","aria-label":e,children:s.jsxs("div",{className:"flex items-center h-full px-4 rounded-lg gap-x-4 bg-primary hover:bg-accent hove",children:[n,s.jsx("span",{children:e})]})}),Kf=[{title:"LinkedIn",element:s.jsx(oc,{width:32,height:32}),linkTo:"https://www.linkedin.com/in/karolstawowski/"},{title:"Github",element:s.jsx(Uo,{width:32,height:32}),linkTo:"https://github.com/karolstawowski"},{title:"Email",element:s.jsx(sc,{width:32,height:32}),linkTo:"mailto:karol_stawowski@wp.pl"}],Yf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsx("div",{className:"pb-4 my-8",id:"contact",children:s.jsxs("div",{className:"flex flex-wrap justify-center gap-8 my-8",children:[s.jsx("h6",{className:"w-full text-xl font-bold text-center",children:"Feel free to contact me!"}),s.jsx("div",{className:"flex flex-col gap-4 sm:flex-row sm:gap-10 md:gap-16 xl:gap-20",children:Kf.map(e=>s.jsx(Qf,{title:e.title,element:e.element,linkTo:e.linkTo},e.title))})]})})})}),Xs=["January","February","March","April","May","June","July","August","September","October","November","December"],Zs=({company:e,position:t,more:n,since:r,to:l})=>{const i=Xs[r.getMonth()]+" "+r.getFullYear().toString(),o=l?Xs[l.getMonth()]+" "+l.getFullYear().toString():void 0;return s.jsxs("div",{className:"my-6",children:[s.jsx("h4",{className:"text-lg font-semibold md:text-2xl",children:t}),s.jsxs("h5",{className:"italic",children:[e," ",n?"-":""," ",n]}),s.jsxs("p",{children:[i," - "+(o??"now")]})]})},Gf=[{id:1,position:"Full Stack Developer",company:"Night Woods",since:new Date(2023,3)},{id:2,position:"Frontend Developer",company:"Night Woods",since:new Date(2022,2),to:new Date(2022,9)},{id:3,position:"Intern Junior Frontend Developer",company:"Tom&Co",since:new Date(2021,7),to:new Date(2021,8)}],Xf=[{id:5,position:"University of Economics in Katowice",company:"Master of Computer Science",more:"Programming of Intelligent Systems specialisation",since:new Date(2023,9),to:new Date(2025,6)},{id:4,position:"University of Economics in Katowice",company:"Bachelor of Computer Science",more:"Databases and Data Engineering specialisation",since:new Date(2020,9),to:new Date(2023,6)}],Zf=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsxs("div",{id:"experience",className:"grid-flow-col gap-6 py-8 my-8 md:grid md:grid-cols-2",children:[s.jsxs("div",{children:[s.jsx(on,{children:"Experience"}),Gf.map(e=>s.jsx(Zs,{...e},e.id))]}),s.jsxs("div",{children:[s.jsx(on,{children:"Education"}),Xf.map(e=>s.jsx(Zs,{...e},e.id))]})]})})}),Jf=()=>s.jsx("div",{className:"flex items-center justify-center w-full h-24 bg-background text-text-secondary xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsx("h4",{children:"Copyright © 2023 Karol Stawowski"})}),uc=[{name:"TypeScript",imageName:"ts"},{name:"JavaScript",imageName:"js"},{name:"React.js",imageName:"reactjs"},{name:"HTML5",imageName:"html5"},{name:"CSS3",imageName:"css3"},{name:"Tailwind",imageName:"tailwind"},{name:"Prisma",imageName:"prisma"},{name:"MaterialUI",imageName:"materialui"},{name:"Remix",imageName:"remix"},{name:"RTL",imageName:"rtl"},{name:"Jest",imageName:"jest"},{name:"Vitest",imageName:"vitest"},{name:"Git",imageName:"git"},{name:"ESLint",imageName:"eslint"},{name:"PostgreSQL",imageName:"postgresql"},{name:"MySQL",imageName:"mysql"},{name:"MS SQL Server",imageName:"microsoftsqlserver"},{name:"C#",imageName:"c-sharp"},{name:"Power BI",imageName:"powerbi"}],ac=[{name:"Node.js",imageName:"nodejs"},{name:"Express.js",imageName:"expressjs"},{name:"React Router",imageName:"react-router"},{name:"tRPC",imageName:"trpc"},{name:"Next.js",imageName:"nextjs"},{name:"Docker",imageName:"docker"},{name:"Vite",imageName:"vite"},{name:"i18next",imageName:"i18next"},{name:"SASS",imageName:"sass"},{name:"Figma",imageName:"figma"},{name:"Python",imageName:"python"},{name:"PHP",imageName:"php"},{name:"Tensorflow",imageName:"tensorflow"}],Rt=uc.concat(ac),Mt=(e,t)=>t.filter(n=>e.includes(n.name)),qf=[{name:"Formula 1 Standings Website",imageName:"formula1",description:"Web application presenting official Formula 1 driver and team standings. Application displays informations about previous and upcoming F1 races. Written fully in pure JavaScript. Uses external APIs.",technologies:Mt(["JavaScript","SASS","Vite"],Rt),repositoryUrl:"https://github.com/karolstawowski/Formula_1_Standings_Website",livePreviewUrl:"https://karolstawowski.github.io/Formula_1_Standings_Website/"},{name:"Zefir",imageName:"weather_station",description:"Air quality station based on Raspberry Pi 4B with integrated frontend, backend and database server. It measures, stores and presents air condition parameters. Measuring unit contains of various air quality sensors.",technologies:Mt(["React.js","TypeScript","Tailwind","RTL","Vitest","Node.js","Express.js","tRPC","PostgreSQL","Vite","i18next","React Router","Docker"],Rt)},{name:"MinesweeperTS",imageName:"minesweeper",description:"React and TypeScript implementation of popular old-school single person game Minesweeper. The player must uncover a grid of tiles, some of which contain mines.",technologies:Mt(["React.js","TypeScript","Tailwind","Vite"],Rt),repositoryUrl:"https://github.com/karolstawowski/MinesweeperTS",livePreviewUrl:"https://karolstawowski.github.io/MinesweeperTS"},{name:"OxiZip",imageName:"oxizip",description:"A file archiver for Windows operating system. Program allows you to create and unpack ZIP archives. Created with .NET Windows Forms framework.",technologies:Mt(["C#"],Rt),repositoryUrl:"https://github.com/karolstawowski/OxiZip"},{name:"False Bravery",imageName:"false_bravery",description:"A Discord Bot for League of Legends players which creates images with random champion, summoner spells, items and skill orders - then sends it to the selected Discord channel.",technologies:Mt(["Python"],Rt),repositoryUrl:"https://github.com/karolstawowski/false_bravery"},{name:"Weather Image Recognition",imageName:"weather_image_recognition",description:"Machine learning model based on Convolutional Neural Network with an objective of recognising weather present in images. Achieved test dataset accuracy on the level of 68.8%.",technologies:Mt(["Tensorflow","Python"],Rt),repositoryUrl:"https://github.com/karolstawowski/WeatherImageRecognition"}],bf=[{name:"grafana",author:"grafana",repositoryUrl:"https://github.com/grafana/grafana/pull/72175",stars:57100},{name:"tldraw",author:"tldraw",repositoryUrl:"https://github.com/tldraw/tldraw/pull/1143",stars:17900},{name:"vitest",author:"vitest-dev",repositoryUrl:"https://github.com/vitest-dev/vitest/pull/2948",stars:10100},{name:"C",author:"TodePond",repositoryUrl:"https://github.com/TodePond/WhenWillProgrammersStopMakingDecisionsForOurSocietyAndJustLeaveUsAloneAlsoHackerNewsIsAVileWebsite/pull/48",stars:7200},{name:"particle-life-app",author:"tom-mohr",repositoryUrl:"https://github.com/tom-mohr/particle-life-app/pull/16",stars:530}],ep=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-star-filled",width:"32",height:"32",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M8.243 7.34l-6.38 .925l-.113 .023a1 1 0 0 0 -.44 1.684l4.622 4.499l-1.09 6.355l-.013 .11a1 1 0 0 0 1.464 .944l5.706 -3l5.693 3l.1 .046a1 1 0 0 0 1.352 -1.1l-1.091 -6.355l4.624 -4.5l.078 -.085a1 1 0 0 0 -.633 -1.62l-6.38 -.926l-2.852 -5.78a1 1 0 0 0 -1.794 0l-2.853 5.78z",strokeWidth:0,fill:"currentColor"})]}),cc=({name:e,url:t})=>s.jsx("a",{href:t,className:"grid rounded-lg shadow-lg place-items-center w-11 h-11 bg-button hover:bg-button-hover",target:"_blank","aria-label":`Github repository of ${e}`,children:s.jsx(Uo,{width:28,height:28})}),tp=({project:e})=>s.jsxs("div",{className:"relative flex flex-col justify-between w-full h-full gap-1 p-4 rounded-md shadow text-background bg-primary xl:h-[6.5rem]",children:[s.jsxs("h5",{className:"text-lg",children:[s.jsx("span",{children:e.name}),"/",s.jsx("span",{className:"text-sm",children:e.author})]}),s.jsxs("p",{className:"flex items-baseline gap-1",children:[s.jsx("span",{className:"text-yellow-500",children:s.jsx(ep,{width:16,height:16})}),s.jsx("span",{children:e.stars.toLocaleString("en",{notation:"compact",maximumFractionDigits:1})})]}),s.jsx("div",{className:"absolute bottom-4 right-4",children:s.jsx(cc,{name:e.name,url:e.repositoryUrl})})]}),np=({...e})=>s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-link",width:32,height:32,viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[s.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),s.jsx("path",{d:"M9 15l6 -6"}),s.jsx("path",{d:"M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464"}),s.jsx("path",{d:"M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463"})]}),rp=({url:e,name:t})=>s.jsx("a",{href:e,target:"_blank","aria-label":`Live ${t} project preview`,children:s.jsx("span",{className:"grid text-black rounded-md shadow-lg fill-current w-11 h-11 bg-button hover:bg-button-hover place-items-center",children:s.jsx(np,{width:28,height:28})})}),lp=({name:e,imageName:t})=>s.jsxs("div",{className:"relative flex flex-wrap items-center justify-center w-10 h-10 rounded-md shadow bg-gray-50 group",children:[s.jsx("img",{src:`./assets/${t}.svg`,height:"40",width:"40",alt:e,className:"w-8 h-8"}),s.jsx("span",{className:"absolute z-10 px-2 py-1 m-4 mx-auto text-xs text-center transition-opacity -translate-x-1/2 rounded-md opacity-0 text-text-primary bg-secondary translate-y-9 group-hover:opacity-100 left-1/2",children:e})]}),ip=({name:e,imgName:t,description:n,technologies:r,repositoryUrl:l,livePreviewUrl:i})=>s.jsxs("div",{className:"box-content flex flex-col p-6 transition-shadow duration-300 ease-in-out rounded-lg shadow text-background xs:p-8 background-gradient",children:[s.jsx("h4",{className:"w-full text-xl font-semibold",children:e}),s.jsx("div",{className:"w-10 h-[2px] bg-button mt-2"}),s.jsx("img",{src:`./assets/projects/${t}.png`,className:"object-cover w-full my-4 rounded-md",height:"236",width:"420",alt:e}),s.jsx("p",{className:"mb-6 text-md",children:n}),s.jsxs("div",{className:"flex justify-between w-full mt-auto justify-self-end",children:[s.jsx("div",{className:`flex flex-wrap gap-x-1 gap-y-3 ${l?"w-3/4":"w-full"}`,children:r.map(o=>s.jsx(lp,{name:o.name,imageName:o.imageName},o.name))}),s.jsxs("div",{className:"flex gap-2",children:[i&&s.jsx(rp,{name:e,url:i}),l&&s.jsx(cc,{name:e,url:l},e)]})]})]}),op=()=>s.jsx("div",{className:"flex flex-col items-center w-full ",children:s.jsx("div",{className:"w-11/12 px-4 rounded-lg xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl bg-secondary xs:px-8",children:s.jsx("div",{className:"flex flex-col gap-16 py-4 sm:py-8 ",id:"projects",children:s.jsxs("div",{className:"flex flex-col gap-6",children:[s.jsxs("div",{className:"flex items-center w-full gap-4",children:[s.jsx("div",{className:"flex-auto h-[2px] bg-accent"}),s.jsx(on,{children:"Selected projects"}),s.jsx("div",{className:"flex-auto h-[2px] bg-accent"})]}),s.jsx("div",{className:"grid gap-4 sm:gap-8 lg:grid-cols-2 3xl:grid-cols-3 lg:gap-6 2xl:gap-8",children:qf.map(e=>s.jsx("div",{className:"flex even:justify-end odd:justify-start",children:s.jsx(ip,{name:e.name,imgName:e.imageName,description:e.description,technologies:e.technologies,repositoryUrl:e.repositoryUrl,livePreviewUrl:e.livePreviewUrl})},e.name))}),s.jsxs("div",{className:"flex items-center w-full gap-4 mt-8",children:[s.jsx("div",{className:"flex-auto h-[2px] bg-accent"}),s.jsx(on,{children:"Open source projects I participated in"}),s.jsx("div",{className:"flex-auto h-[2px] bg-accent"})]}),s.jsx("div",{className:"flex flex-col gap-2 rounded-md lg:gap-x-4 lg:grid md:grid-cols-2 2xl:grid-cols-3 3xl:grid-cols-4 lg:flex-row",children:bf.map(e=>s.jsx(tp,{project:e},e.repositoryUrl))})]})})})}),Js=({name:e,imageName:t})=>s.jsxs("div",{className:"card flex flex-wrap items-center justify-center w-[84px] h-[84px] rounded-md bg-button text-black",children:[s.jsx("img",{src:`./assets/${t}.svg`,height:"32",width:"32",alt:e,className:"z-10 w-8 h-8"}),s.jsx("span",{className:"z-10 w-full text-sm text-center",children:e})]}),sp=()=>s.jsx("div",{className:"flex flex-col items-center w-full",children:s.jsx("div",{className:"w-11/12 xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-8/12 max-w-8xl",children:s.jsxs("div",{className:"py-8 my-8",id:"technologies",children:[s.jsx(on,{children:"Technologies"}),s.jsxs("div",{className:"grid md:grid-cols-2 gap-y-6 md:gap-y-0 md:gap-x-8",children:[s.jsx("p",{className:"py-4 md:text-lg",children:"With my dedication to staying current with the latest frontend technologies, I am eager to apply my skills to exciting projects in the field of mainly - but not only - frontend development."}),s.jsx("div",{className:"hidden md:block"}),s.jsxs("div",{children:[s.jsx("span",{className:"block mb-3 text-lg font-semibold",children:"Proficient in technologies:"}),s.jsx("div",{className:"flex flex-wrap gap-3",children:uc.map(e=>s.jsx(Js,{name:e.name,imageName:e.imageName},e.name))})]}),s.jsxs("div",{children:[s.jsx("span",{className:"block mb-3 text-lg font-semibold",children:"Familiar with technologies:"}),s.jsx("div",{className:"flex flex-wrap gap-3",children:ac.map(e=>s.jsx(Js,{name:e.name,imageName:e.imageName},e.name))})]})]})]})})}),up=()=>s.jsx("div",{className:"flex gap-4",children:ap.map(e=>s.jsx("a",{href:e.linkTo,target:"_blank","aria-label":e.title,children:s.jsx("span",{className:"hover:text-accent",children:e.element})},e.title))}),ap=[{title:"LinkedIn",element:s.jsx(oc,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"https://www.linkedin.com/in/karolstawowski/"},{title:"Github",element:s.jsx(Uo,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"https://github.com/karolstawowski"},{title:"Email",element:s.jsx(sc,{width:32,height:32,className:"hover:animate-twist"}),linkTo:"mailto:karol_stawowski@wp.pl"}],cp=()=>s.jsxs("div",{className:"flex flex-col gap-3 opacity-0 animate-fade-in-from-up",children:[s.jsxs("h1",{className:"text-5xl text-right lg:text-6xl xl:7xl",children:["Hi, I'm ",s.jsx("span",{className:"font-bold text-gradient",children:"Karol"})]}),s.jsx("h2",{className:"text-2xl text-right",children:"Frontend Developer"}),s.jsx("h3",{className:"text-2xl text-right",children:"Software Engineer"}),s.jsx("h3",{className:"text-right",children:"Based in Katowice, Poland"}),s.jsx("h2",{className:"hidden mt-6 text-xl text-right xs:text-2xl md:text-3xl lg:text-4xl xs:mt-12 md:mt-16",children:"Karol Stawowski"})]}),dp=()=>s.jsx("div",{className:"flex items-center justify-center h-64 sm:h-72 md:h-96 xl:h-[26rem] 2xl:h-[24rem] min-w-full",children:s.jsxs("div",{className:"absolute w-[800px] h-[560px] scale-[.34] xs:scale-[.4] sm:scale-[.5] md:scale-[.6] xl:scale-[0.65] 2xl:scale-[0.7] 3xl:scale-[0.75]",children:[s.jsxs("div",{className:"relative bg-monitor-outer-border w-full h-[466px] flex justify-center rounded-md",children:[s.jsx("div",{className:"absolute w-1 h-1 bg-gray-400 bottom-2 right-12"}),s.jsxs("div",{className:"bg-monitor-bg m-4 w-full h-[418px] box-border flex flex-wrap overflow-hidden glow",children:[s.jsx("div",{className:"w-full h-4 border-b-2 border-b-monitor-inner-border"}),s.jsx("div",{className:"h-[402px] w-4 border-r-2 border-r-monitor-inner-border"}),s.jsxs("div",{className:"h-[402px] w-28 border-r-2 border-r-monitor-inner-border bg-monitor-side-pannel p-3 [&>*]:h-2 [&>*>*]:h-1 [&>*>*]:bg-gray-200 [&>*]:relative",children:[s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-16"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-6"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-14"})}),s.jsx("div",{className:"ml-1 animate-monitor",children:s.jsx("div",{className:"w-12"})}),s.jsx("div",{className:"ml-2 animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"ml-2 animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-12"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-8"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-10"})}),s.jsx("div",{className:"animate-monitor",children:s.jsx("div",{className:"w-14"})})]}),s.jsxs("div",{className:"h-[402px] my-4 mx-5 [&>*]:h-2 [&>*]:mb-3 [&>*>*]:mr-3 relative [&>*]:flex ",children:[s.jsxs("div",{className:"animate-monitor-self-1",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-14 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-red"}),s.jsx("div",{className:"w-12 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-5 animate-monitor-self-1",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-16 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[60px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-8 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-brown"}),s.jsx("div",{className:"w-4 bg-editor-red"}),s.jsx("div",{className:"w-2 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-4 mt-[80px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-20 bg-editor-white"}),s.jsx("div",{className:"w-8 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[100px] ml-4 animate-monitor-self-2",children:[s.jsx("div",{className:"w-28 bg-editor-white"}),s.jsx("div",{className:"w-8 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-4 mt-[120px] animate-monitor-self-2",children:[s.jsx("div",{className:"w-16 bg-editor-white"}),s.jsx("div",{className:"w-10 bg-editor-blue"})]}),s.jsx("div",{className:"w-2 mt-[140px] bg-editor-blue animate-monitor-self-2"}),s.jsx("div",{}),s.jsxs("div",{className:"mt-[160px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-28 bg-editor-red"}),s.jsx("div",{className:"w-24 bg-editor-purple"}),s.jsx("div",{className:"w-2 bg-editor-blue"}),s.jsx("div",{className:"w-20 bg-editor-brown"}),s.jsx("div",{className:"w-6 bg-editor-blue"})]}),s.jsxs("div",{className:"mt-[180px] ml-4 animate-monitor-self-3",children:[s.jsx("div",{className:"w-12 bg-editor-red"}),s.jsx("div",{className:"w-2 bg-editor-green"})]}),s.jsxs("div",{className:"ml-8 mt-[200px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-6 bg-editor-green"}),s.jsx("div",{className:"w-32 bg-editor-blue"})]}),s.jsxs("div",{className:"ml-12 mt-[220px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-8 bg-editor-green"}),s.jsx("div",{className:"w-16 bg-editor-blue"}),s.jsx("div",{className:"w-14 bg-editor-brown"}),s.jsx("div",{className:"w-8 bg-editor-green"})]}),s.jsxs("div",{className:"ml-12 mt-[240px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-8 bg-editor-green"}),s.jsx("div",{className:"w-8 bg-editor-blue"}),s.jsx("div",{className:"w-14 bg-editor-purple"}),s.jsx("div",{className:"w-16 bg-editor-brown"}),s.jsx("div",{className:"w-8 bg-editor-green"})]}),s.jsxs("div",{className:"ml-8 mt-[260px] animate-monitor-self-3",children:[s.jsx("div",{className:"w-6 bg-editor-green"}),s.jsx("div",{className:"w-32 bg-editor-blue"})]}),s.jsx("div",{className:"ml-4 mt-[280px] animate-monitor-self-3",children:s.jsx("div",{className:"w-2 bg-editor-green"})}),s.jsx("div",{className:"mt-[300px] animate-monitor-self-3",children:s.jsx("div",{className:"w-2 bg-editor-blue"})})]})]})]}),s.jsx("div",{className:"w-16 h-24 m-auto bg-gradient-to-b from-[#19191A] to-monitor-stand"}),s.jsx("div",{className:"h-4 m-auto rounded-t-lg w-96 bg-monitor-stand"})]})}),fp=({title:e})=>{const t=e.toLowerCase(),n=r=>{const l=document.getElementById(r);l&&l.scrollIntoView({behavior:"smooth"})};return s.jsx("a",{className:"p-1 mx-2 cursor-pointer link-underline last:hidden last:lg:inline",onClick:()=>n(t),"aria-label":t,children:e})},pp=()=>s.jsxs("div",{className:"flex items-baseline justify-center w-full h-12 rounded-lg text-text-primary sm:justify-between",children:[s.jsx("h1",{className:"h-8 my-2 text-2xl select-none ",children:""}),s.jsx("div",{className:"hidden text-lg lg:block",children:mp.map(e=>s.jsx(fp,{title:e},e))})]}),mp=["About","Technologies","Projects","Experience","Contact"],hp=["#00ABBD","#0C2F3B","#3CB0D7","#030A0D"],vp=()=>{const e={"#00ABBD":"bg-[#00ABBD]","#0C2F3B":"bg-[#0C2F3B]","#3CB0D7":"bg-[#3CB0D7]","#030A0D":"bg-[#030A0D]"};return s.jsx("div",{className:"absolute top-0 right-0 flex-col items-end hidden gap-3 lg:flex",children:hp.map(t=>s.jsxs("div",{className:"flex items-center gap-3",children:[s.jsx("p",{className:"font-extralight opacity-80",children:t}),s.jsx("div",{className:`${e[t]} w-8 h-6 rounded outline outline-text outline-2 outline-offset-1`})]}))})},gp=()=>s.jsx("div",{className:"flex flex-col items-center w-full h-screen",children:s.jsx("div",{className:"w-11/12 h-full xs:w-10/12 md:w-3/4 xl:w-9/12 2xl:w-9/12",children:s.jsxs("div",{className:"flex flex-col justify-around h-full pb-4 sm:pb-10",children:[s.jsx(pp,{}),s.jsxs("div",{className:"relative flex justify-center",children:[s.jsx(dp,{}),s.jsx(vp,{})]}),s.jsxs("div",{className:"flex flex-col-reverse items-end justify-between gap-8 sm:flex-row",children:[s.jsx(up,{}),s.jsx(cp,{})]})]})})}),yp=()=>s.jsxs("div",{className:"flex flex-col items-center bg-background text-text-primary",children:[s.jsx(gp,{}),s.jsx(Hf,{}),s.jsx(sp,{}),s.jsx(op,{}),s.jsx(Zf,{}),s.jsx(Yf,{}),s.jsx(Jf,{})]});Gl.createRoot(document.getElementById("root")).render(s.jsx(Tc.StrictMode,{children:s.jsx(yp,{})})); diff --git a/assets/index-f8d5bd0a.css b/assets/index-f8d5bd0a.css new file mode 100644 index 0000000..8033476 --- /dev/null +++ b/assets/index-f8d5bd0a.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;font-variation-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-feature-settings:inherit;font-variation-settings: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}dialog{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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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: }.absolute{position:absolute}.relative{position:relative}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-0{right:0px}.right-12{right:3rem}.right-4{right:1rem}.right-\[-8px\]{right:-8px}.top-0{top:0px}.z-10{z-index:10}.z-20{z-index:20}.m-4{margin:1rem}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.-ml-1{margin-left:-.25rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-3{margin-right:.75rem}.mr-\[6px\]{margin-right:6px}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[100px\]{margin-top:100px}.mt-\[120px\]{margin-top:120px}.mt-\[140px\]{margin-top:140px}.mt-\[160px\]{margin-top:160px}.mt-\[180px\]{margin-top:180px}.mt-\[200px\]{margin-top:200px}.mt-\[220px\]{margin-top:220px}.mt-\[240px\]{margin-top:240px}.mt-\[260px\]{margin-top:260px}.mt-\[280px\]{margin-top:280px}.mt-\[300px\]{margin-top:300px}.mt-\[60px\]{margin-top:60px}.mt-\[80px\]{margin-top:80px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-24{height:6rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-\[2px\]{height:2px}.h-\[402px\]{height:402px}.h-\[418px\]{height:418px}.h-\[466px\]{height:466px}.h-\[560px\]{height:560px}.h-\[84px\]{height:84px}.h-full{height:100%}.h-screen{height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-\[800px\]{width:800px}.w-\[84px\]{width:84px}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-8xl{max-width:90rem}.flex-auto{flex:1 1 auto}.-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-9{--tw-translate-y: 2.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))}.scale-\[\.34\]{--tw-scale-x: .34;--tw-scale-y: .34;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))}@keyframes fade-in-from-up{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-from-up{animation:fade-in-from-up .5s ease-out .4s forwards}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-flow-col{grid-auto-flow:column}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-6{row-gap:1.5rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border-y-\[10px\]{border-top-width:10px;border-bottom-width:10px}.border-b-2{border-bottom-width:2px}.border-l-\[8px\]{border-left-width:8px}.border-r-2{border-right-width:2px}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-y-transparent{border-top-color:transparent;border-bottom-color:transparent}.border-b-monitor-inner-border{--tw-border-opacity: 1;border-bottom-color:rgb(50 50 60 / var(--tw-border-opacity))}.border-l-blue-600{--tw-border-opacity: 1;border-left-color:rgb(37 99 235 / var(--tw-border-opacity))}.border-r-monitor-inner-border{--tw-border-opacity: 1;border-right-color:rgb(50 50 60 / var(--tw-border-opacity))}.bg-\[\#00ABBD\]{--tw-bg-opacity: 1;background-color:rgb(0 171 189 / var(--tw-bg-opacity))}.bg-\[\#030A0D\]{--tw-bg-opacity: 1;background-color:rgb(3 10 13 / var(--tw-bg-opacity))}.bg-\[\#0C2F3B\]{--tw-bg-opacity: 1;background-color:rgb(12 47 59 / var(--tw-bg-opacity))}.bg-\[\#3CB0D7\],.bg-accent{--tw-bg-opacity: 1;background-color:rgb(60 176 215 / var(--tw-bg-opacity))}.bg-background{--tw-bg-opacity: 1;background-color:rgb(3 10 13 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-button{--tw-bg-opacity: 1;background-color:rgb(214 245 255 / var(--tw-bg-opacity))}.bg-editor-blue{--tw-bg-opacity: 1;background-color:rgb(71 153 235 / var(--tw-bg-opacity))}.bg-editor-brown{--tw-bg-opacity: 1;background-color:rgb(204 145 102 / var(--tw-bg-opacity))}.bg-editor-green{--tw-bg-opacity: 1;background-color:rgb(71 235 71 / var(--tw-bg-opacity))}.bg-editor-purple{--tw-bg-opacity: 1;background-color:rgb(219 117 240 / var(--tw-bg-opacity))}.bg-editor-red{--tw-bg-opacity: 1;background-color:rgb(235 85 71 / var(--tw-bg-opacity))}.bg-editor-white{--tw-bg-opacity: 1;background-color:rgb(217 217 217 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-monitor-bg{--tw-bg-opacity: 1;background-color:rgb(19 23 35 / var(--tw-bg-opacity))}.bg-monitor-outer-border{--tw-bg-opacity: 1;background-color:rgb(57 58 60 / var(--tw-bg-opacity))}.bg-monitor-side-pannel{--tw-bg-opacity: 1;background-color:rgb(11 13 20 / var(--tw-bg-opacity))}.bg-monitor-stand{--tw-bg-opacity: 1;background-color:rgb(50 51 52 / var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(0 188 209 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(12 47 59 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#19191A\]{--tw-gradient-from: #19191A var(--tw-gradient-from-position);--tw-gradient-to: rgb(25 25 26 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-monitor-stand{--tw-gradient-to: #323334 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-right{text-align:right}.font-console{font-family:consolas,monaco,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-5{line-height:1.25rem}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity))}.text-background{--tw-text-opacity: 1;color:rgb(3 10 13 / var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-text-primary{--tw-text-opacity: 1;color:rgb(213 238 246 / var(--tw-text-opacity))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(131 159 168 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(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{outline-style:solid}.outline-2{outline-width:2px}.outline-offset-1{outline-offset:1px}.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-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary-color: #00bcd1;--accent-color: #3cb0d7;--gradient-color: #00d8f0}body{font-family:Poppins,sans-serif;margin:0;width:100%;min-width:330px}.background-gradient{background:linear-gradient(140deg,var(--primary-color) 0%,var(--primary-color) 45%,var(--gradient-color) 80%)}.text-gradient{background:var(--primary-color);background:linear-gradient(to bottom right,var(--primary-color) 40%,var(--gradient-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow{box-shadow:0 0 86px 4px #ffffff4d;z-index:10;position:relative}.link-underline{border-bottom-width:0;background-image:linear-gradient(var(--accent-color),var(--accent-color));background-size:0 2px;background-position:0 98%;background-repeat:no-repeat;transition:background-size .2s ease-in-out}.link-underline:hover{background-size:100% 2px;background-position:0 98%}.animate-monitor-self-1{position:absolute;left:-1000px;animation:slide 8s forwards 1.2s infinite}.animate-monitor-self-2{position:absolute;left:-1000px;animation:slide 8s forwards 1.8s infinite}.animate-monitor-self-3{position:absolute;left:-1000px;animation:slide 8s forwards 2.4s infinite}.animate-monitor>*{position:absolute;left:-1000px;animation:slide 8s forwards .6s infinite}@keyframes slide{to{left:-1000px;opacity:0}70%{left:0;opacity:1}10%{left:0;opacity:1}0%{opacity:0}}.animate-underscore{animation:hidden 1.6s infinite}@keyframes hidden{0%,to{opacity:0}50%{opacity:1}}.card{position:relative;overflow:hidden;transition:shadow .5s ease-in-out}.card:hover:before{background-position:100% 100%}.card:before{background:linear-gradient(130deg,transparent 33%,#5eead4 66%,#93c5fd 85%,#c084fc 100%);background-position:0% 0%;background-size:300% 300%;content:"";height:100%;left:0px;pointer-events:none;position:absolute;top:0px;transition:background-position .3s ease,transform .1s ease;width:100%}.last\:hidden:last-child{display:none}.odd\:justify-start:nth-child(odd){justify-content:flex-start}.even\:justify-end:nth-child(even){justify-content:flex-end}@keyframes twist{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.hover\:animate-twist:hover{animation:twist .6s linear forwards infinite}@keyframes up-illuminate{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hover\:animate-up-illuminate:hover{animation:up-illuminate .1s linear forwards}.hover\:bg-accent:hover{--tw-bg-opacity: 1;background-color:rgb(60 176 215 / var(--tw-bg-opacity))}.hover\:bg-button-hover:hover{--tw-bg-opacity: 1;background-color:rgb(191 211 217 / var(--tw-bg-opacity))}.hover\:text-accent:hover{--tw-text-opacity: 1;color:rgb(60 176 215 / var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 420px){.xs\:-ml-2{margin-left:-.5rem}.xs\:mt-12{margin-top:3rem}.xs\:h-72{height:18rem}.xs\:w-10\/12{width:83.333333%}.xs\:scale-\[\.4\]{--tw-scale-x: .4;--tw-scale-y: .4;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))}.xs\:p-8{padding:2rem}.xs\:px-8{padding-left:2rem;padding-right:2rem}.xs\:pl-6{padding-left:1.5rem}.xs\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width: 640px){.sm\:h-72{height:18rem}.sm\:scale-\[\.5\]{--tw-scale-x: .5;--tw-scale-y: .5;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))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:gap-10{gap:2.5rem}.sm\:gap-8{gap:2rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-10{padding-bottom:2.5rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:ml-0{margin-left:0}.md\:mr-24{margin-right:6rem}.md\:mt-0{margin-top:0}.md\:mt-16{margin-top:4rem}.md\:block{display:block}.md\:grid{display:grid}.md\:h-14{height:3.5rem}.md\:h-96{height:24rem}.md\:w-3\/4{width:75%}.md\:w-40{width:10rem}.md\:scale-\[\.6\]{--tw-scale-x: .6;--tw-scale-y: .6;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))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-16{gap:4rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-0{row-gap:0px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:h-72{height:18rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-6{gap:1.5rem}.lg\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}.last\:lg\:inline:last-child{display:inline}}@media (min-width: 1280px){.xl\:h-\[26rem\]{height:26rem}.xl\:h-\[6\.5rem\]{height:6.5rem}.xl\:w-9\/12{width:75%}.xl\:scale-\[0\.65\]{--tw-scale-x: .65;--tw-scale-y: .65;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))}.xl\:gap-20{gap:5rem}}@media (min-width: 1536px){.\32xl\:mr-44{margin-right:11rem}.\32xl\:h-64{height:16rem}.\32xl\:h-\[24rem\]{height:24rem}.\32xl\:w-8\/12{width:66.666667%}.\32xl\:w-9\/12{width:75%}.\32xl\:scale-\[0\.7\]{--tw-scale-x: .7;--tw-scale-y: .7;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))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:gap-8{gap:2rem}}@media (min-width: 1920px){.\33xl\:scale-\[0\.75\]{--tw-scale-x: .75;--tw-scale-y: .75;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))}.\33xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\33xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>\*\>\*\]\:mr-3>*>*{margin-right:.75rem}.\[\&\>\*\>\*\]\:h-1>*>*{height:.25rem}.\[\&\>\*\>\*\]\:bg-gray-200>*>*{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.\[\&\>\*\]\:relative>*{position:relative}.\[\&\>\*\]\:mb-3>*{margin-bottom:.75rem}.\[\&\>\*\]\:flex>*{display:flex}.\[\&\>\*\]\:h-2>*{height:.5rem} diff --git a/index.html b/index.html index 1ee9fef..7fd304c 100644 --- a/index.html +++ b/index.html @@ -16,8 +16,8 @@ href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet" /> - - + +