.bg-noise{background-image:url(/images/noise.webp);mix-blend-mode:overlay;background-size:30%}.bg-dots{background-image:radial-gradient(rgba(63,63,70,.8) 10%,transparent 10%);background-size:8px 8px}.bg-gradient-to-c{background-image:radial-gradient(var(--tw-gradient-stops))}.mask-dots{-webkit-mask-image:radial-gradient(rgba(63,63,70,.8) 10%,transparent 10%);mask-image:radial-gradient(rgba(63,63,70,.8) 10%,transparent 10%);-webkit-mask-size:8px 8px;mask-size:8px 8px}.fade-t{-webkit-mask-image:linear-gradient(0deg,white 0%,transparent 100%);mask-image:linear-gradient(0deg,white 0%,transparent 100%)}.fade-b{-webkit-mask-image:linear-gradient(0deg,transparent 0%,white 100%);mask-image:linear-gradient(0deg,transparent 0%,white 100%)}.fade-y{-webkit-mask-image:linear-gradient(0deg,transparent 0%,white 20%,white 80%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,white 20%,white 80%,transparent 100%)}.fade-x{-webkit-mask-image:linear-gradient(90deg,transparent 0%,white,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,white,transparent 100%)}.fade-t-ease{-webkit-mask-image:linear-gradient(to top,hsl(0,0%,100%) 0%,hsla(0,0%,100%,.987) 18.5%,hsla(0,0%,100%,.951) 34.3%,hsla(0,0%,100%,.896) 47.5%,hsla(0,0%,100%,.825) 58.4%,hsla(0,0%,100%,.741) 67.3%,hsla(0,0%,100%,.648) 74.4%,hsla(0,0%,100%,.55) 80%,hsla(0,0%,100%,.45) 84.3%,hsla(0,0%,100%,.352) 87.6%,hsla(0,0%,100%,.259) 90.1%,hsla(0,0%,100%,.175) 92.1%,hsla(0,0%,100%,.104) 93.8%,hsla(0,0%,100%,.049) 95.6%,hsla(0,0%,100%,.013) 97.5%,hsla(0,0%,100%,0) 100%);mask-image:linear-gradient(to top,#fff,#fffffffc 18.5%,#fffffff3 34.3%,#ffffffe4 47.5%,#ffffffd2 58.4%,#ffffffbd 67.3%,#ffffffa5 74.4%,#ffffff8c 80%,#ffffff73 84.3%,#ffffff5a 87.6%,#ffffff42 90.1%,#ffffff2d 92.1%,#ffffff1b 93.8%,#ffffff0c 95.6%,#ffffff03 97.5%,#fff0)}.fade-t-ease-2{-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.89) 20%,rgba(0,0,0,.78) 29%,rgba(0,0,0,.67) 36%,rgba(0,0,0,.57) 43%,rgba(0,0,0,.47) 50%,rgba(0,0,0,.37) 57%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.19) 71%,rgba(0,0,0,.11) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(0deg,#000,#000000e3 20%,#000000c7 29%,#000000ab,#00000091,#00000078,#0000005e,#00000047,#00000030 71%,#0000001c 80%,#0000)}.fade-vignette{-webkit-mask-image:radial-gradient(white,transparent 75%);mask-image:radial-gradient(white,transparent 75%)}@keyframes gradient-x{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}.highlight{animation:gradient-x 8s ease infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #34d399 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #0ea5e9 var(--tw-gradient-to-position);color:transparent}.animate-large-marquee{animation:large-marquee 80s linear infinite}.animate-large-marquee2{animation:large-marquee2 80s linear infinite}.animate-shimmer{animation:shimmer .8s ease-in-out}.animate-move-x{animation:move-x 20s infinite alternate-reverse ease-in-out}.perspective{perspective:50em}@keyframes large-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes large-marquee2{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shimmer{0%{transform:translateY(-120%) rotate(-6deg)}to{transform:translateY(120%) rotate(-6deg)}}@keyframes move-x{0%{transform:translate(100%)}to{transform:translate(0)}}.cm-editor{animation:fade-in .5s ease}.cm-gutter{position:relative;margin-left:-1.5rem!important;--tw-bg-opacity: 1;background-color:rgb(29 29 32 / var(--tw-bg-opacity, 1));padding-left:1.25rem;padding-right:1.25rem;padding-top:.25rem;font-size:.75rem!important;line-height:1rem!important;--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.cm-gutter:before{content:"";position:absolute;inset:0;background-attachment:fixed;opacity:.5;background-image:radial-gradient(rgba(63,63,70,.8) 10%,transparent 10%);background-size:8px 8px;background-position:4% -3%}.cm-scroller{height:32rem!important;padding:1.5rem}.sp-pre-placeholder{display:none}.cm-lineNumbers .cm-gutterElement{padding-left:0!important;padding-right:0!important}.cm-activeLine{border-radius:.25rem!important;background-color:#a1a1aa1a!important}.sp-console-actions{display:none}.sp-preview-iframe{max-height:32rem;min-height:20rem;width:100%}.sp-tabs-scrollable-container{display:flex;gap:1.25rem}.sp-tabs-scrollable-container .sp-tab-button{position:relative;padding-top:.75rem;padding-bottom:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sp-tabs-scrollable-container .sp-tab-button:hover{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.sp-tabs-scrollable-container .sp-tab-button[data-active=true]{color:var(--highlight-color)}.sp-tabs-scrollable-container .sp-tab-button:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--highlight-color) var(--tw-gradient-via-position), var(--tw-gradient-to);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sp-tabs-scrollable-container .sp-tab-button[data-active=true]:before{opacity:.5}.sp-error{border-bottom-width:1px;border-color:#27272ab3;padding:1rem 1.5rem 1.5rem}.sp-error .sp-error-title{font-weight:600!important;letter-spacing:0em!important;--tw-text-opacity: 1 !important;color:rgb(244 244 245 / var(--tw-text-opacity, 1))!important}.sp-error p{margin-top:1rem!important;margin-bottom:1rem!important;font-size:.875rem!important;line-height:1.25rem!important;line-height:1.625!important}.sp-error .sp-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(63 63 70 / .3);--tw-ring-offset-color: #18181b;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sp-error .sp-button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#3f3f46b3}.sp-error .sp-button:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-opacity: 1;--tw-ring-color: rgb(82 82 91 / var(--tw-ring-opacity, 1));--tw-ring-offset-width: 2px}.sp-error .sp-button:not(:focus){--tw-ring-inset: inset}.cm-line,.sp-syntax-plain{color:#a9b1d6}.sp-syntax-comment{color:#565f89}.sp-syntax-keyword{color:#bb9af7}.sp-syntax-tag{color:#f7768e}.sp-syntax-punctuation{color:#698cd6}.sp-syntax-definition{color:#7aa2f7}.sp-syntax-property{color:#73daca}.sp-syntax-static{color:#a9b1d6}.sp-syntax-string{color:#9ece6a}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
