:root{--code-font: "Ubuntu Mono", "Courier New", Courier, monospace}body{margin:0;padding:0 5rem;background-color:#111827;color:#fff}@media screen and (max-width: 500px){body{padding:0 2rem}}.subtitle{text-align:center}.style-code{font-family:var(--code-font)}progress{position:relative;text-align:center}progress.show_progress:after{content:attr(value) "/" attr(max)}progress:after{position:absolute;content:"Loading";color:#545454;top:1rem;font-family:var(--code-font);transform:translate(-50%)}[type=range]{-webkit-appearance:none;appearance:none;margin:0;outline:0;background-color:transparent}[type=range]::-webkit-slider-runnable-track{height:1px;background-color:#777}[type=range i]::-webkit-slider-container{height:20px;overflow:hidden}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:6px;border-radius:3px;border:1px solid transparent;margin-top:-2px;background-color:#f44336}progress{width:200px;height:4px;background-color:#232323}progress::-webkit-progress-bar{background-color:#232323}progress::-webkit-progress-value{background-color:#fff}.dialog{border:none;box-shadow:0 25px 50px -12px #00000040;border-radius:.5rem;font-family:Comfortaa,cursive;padding:3rem;margin:2rem;backdrop-filter:blur(10px);background-color:#272733ea;color:#adadad;transition:.3s}.dialog-container{vertical-align:middle}.exit-btn{position:absolute;top:1rem;right:1rem;width:fit-content;height:fit-content;color:#dadada;transition:.2s}.exit-btn:hover{cursor:pointer;color:#adadad}.exit-btn{width:2em;height:2em}.dialog:not([open]){opacity:0;visibility:hidden;display:block;scale:.3}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.right-4{right:1rem}.top-4{top:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.float-right{float:right}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.my-16{margin-top:4rem;margin-bottom:4rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.hidden{display:none}.h-0{height:0}.w-sm{width:24rem}.flex{display:flex}.flex-col{flex-direction:column}.translate-y-8{--un-translate-y:2rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.hover\:cursor-pointer:hover{cursor:pointer}.items-center{align-items:center}.gap-4{grid-gap:1rem;gap:1rem}.border-1\.5{border-width:1.5px}.border-pink-200{--un-border-opacity:1;border-color:rgba(251,207,232,var(--un-border-opacity))}.rounded-lg{border-radius:.5rem}.border-solid{border-style:solid}.bg-transparent{background-color:transparent}.hover\:bg-pink-200:hover{--un-bg-opacity:1;background-color:rgba(251,207,232,var(--un-bg-opacity))}.fill-white{--un-fill-opacity:1;fill:rgba(255,255,255,var(--un-fill-opacity))}.p-0{padding:0}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-thin{font-weight:100}.text-amber-300{--un-text-opacity:1;color:rgba(252,211,77,var(--un-text-opacity))}.text-gray-100{--un-text-opacity:1;color:rgba(243,244,246,var(--un-text-opacity))}.text-gray-500{--un-text-opacity:1;color:rgba(107,114,128,var(--un-text-opacity))}.text-gray-700{--un-text-opacity:1;color:rgba(55,65,81,var(--un-text-opacity))}.text-green-400{--un-text-opacity:1;color:rgba(74,222,128,var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity))}.hover\:text-gray-900:hover{--un-text-opacity:1;color:rgba(17,24,39,var(--un-text-opacity))}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgba(0,0,0,.25));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.shadow-pink-200{--un-shadow-opacity:1;--un-shadow-color:rgba(251,207,232,var(--un-shadow-opacity))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-500{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}