@import"https://fonts.googleapis.com/css2?family=Oxygen+Mono&family=Quantico&display=swap";.lines[data-v-4cddc586]{height:100vh;width:100%;position:fixed;margin:0;padding:0;top:0;left:0;background:linear-gradient(rgba(10,10,10,.6),rgba(0,0,0,.9)),repeating-linear-gradient(0,transparent,transparent 2px,#000 3px,#000 3px);z-index:-4}.lines.white[data-v-4cddc586]{background:linear-gradient(rgba(240,240,240,.5),rgba(10,10,10,.9)),repeating-linear-gradient(0,transparent,transparent 2px,#000 3px,#000 3px)}.bg-link[data-v-4cddc586]{transition:all .25s ease-in-out;display:inline-block;position:relative}.bg-link[data-v-4cddc586]:hover,.bg-link[data-v-4cddc586]:focus{color:#f0f0f0}.bg-link[data-v-4cddc586]:hover:after,.bg-link[data-v-4cddc586]:focus:after{transform:scaleX(1);transform-origin:bottom left}.bg-link[data-v-4cddc586]:after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#f0f0f0;transform-origin:bottom right;transform:scaleX(0);transition:all .25s ease-out}.left[data-v-4cddc586]:after{transform-origin:bottom left}.left[data-v-4cddc586]:hover:after{transform-origin:bottom right}h1[data-v-76db6228]{font-family:Oxygen Mono,monospace;font-weight:400}.hoverholo[data-v-76db6228]{transition:.2s ease-in-out}.hoverholo[data-v-76db6228]:first-child{border-radius:0 1rem 0 0}.hoverholo[data-v-76db6228]:last-child{border-radius:0 0 1rem}.hoverholo[data-v-76db6228]:not(:first-child):not(:last-child){border-radius:0}.hoverholo[data-v-76db6228]:hover,.hoverholo[data-v-76db6228]:focus{background-color:#f0f8ff3b}.mini-image[data-v-76db6228]{transition:.25s all ease;transform:rotate(0)}.hoverholo:hover svg[data-v-76db6228],.hoverholo:focus svg[data-v-76db6228]{transform:rotate(180deg)}.hoverholo:active svg[data-v-76db6228]{transition:.1s all ease;transform:rotate(-180deg)}.path-black[data-v-76db6228]{fill:#000}.path-white[data-v-76db6228]{fill:#fff}.glitch{position:relative;overflow:hidden}.glitch img{position:relative;z-index:1;display:block}.glitch__layers{position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;opacity:0}.glitch__layers:hover{opacity:1}.glitch__layer{position:absolute;left:0;right:0;top:0;bottom:0;filter:brightness(.8) saturate(.8) hue-rotate(180deg)}.glitch__layer:nth-child(1){transform:translate(-5%);animation:glitch-anim-1 2s infinite linear alternate}.glitch__layer:nth-child(2){transform:translate(3%) translateY(3%);animation:glitch-anim-2 2.3s -.8s infinite linear alternate}.glitch__layer:nth-child(3){transform:translate(5%);animation:glitch-anim-flash 1s infinite linear}@keyframes glitch-anim-1{0%{clip-path:polygon(0 0%,100% 0%,100% 5%,0 5%)}10%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}20%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}30%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}40%{clip-path:polygon(0 35%,100% 35%,100% 35%,0 35%)}50%{clip-path:polygon(0 45%,100% 45%,100% 46%,0 46%)}60%{clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}70%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}80%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}90%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}to{clip-path:polygon(0 60%,100% 60%,100% 70%,0 70%)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 15%,100% 15%,100% 30%,0 30%)}15%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}25%{clip-path:polygon(0 8%,100% 8%,100% 20%,0 20%)}30%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}45%{clip-path:polygon(0 45%,100% 45%,100% 45%,0 45%)}50%{clip-path:polygon(0 50%,100% 50%,100% 57%,0 57%)}65%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}75%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%)}95%{clip-path:polygon(0 45%,100% 45%,100% 60%,0 60%)}to{clip-path:polygon(0 11%,100% 11%,100% 15%,0 15%)}}@keyframes glitch-anim-flash{0%{opacity:.2}30%,to{opacity:0}}.unicode[data-v-1632d1d3]{font-size:22px;line-height:1.2}.status-symbol[data-v-1632d1d3]{transition:all 1s ease-in-out}.online[data-v-1632d1d3]{border:4px solid #3ae73a}.idle[data-v-1632d1d3]{border:4px solid #eece42}.dnd[data-v-1632d1d3]{border:4px solid #c92626}.offline[data-v-1632d1d3]{border:4px solid #555555}.glitch[data-v-1632d1d3]{line-height:1;font-weight:700;margin:0;text-decoration:none;overflow:visible}.glitch .before[data-v-1632d1d3],.glitch .after[data-v-1632d1d3]{display:block;position:absolute;top:0;left:0;height:100%;width:100%;opacity:.8}.glitch.after[data-v-1632d1d3]{color:#f0f;z-index:-2}.glitch.before[data-v-1632d1d3]{color:#0ff;z-index:-1}.glitch:hover .before[data-v-1632d1d3]{animation:glitch-left-1632d1d3 .3s cubic-bezier(.25,.46,.45,.94) both infinite}.glitch:hover .after[data-v-1632d1d3]{animation:glitch-left-2-1632d1d3 .3s cubic-bezier(.25,.46,.45,.94) reverse both infinite}.small .glitch[data-v-1632d1d3]{font-size:22px;font-weight:400;letter-spacing:2px}.small .glitch .before[data-v-1632d1d3],.small .glitch .after[data-v-1632d1d3]{content:"Start"}.small .glitch .after[data-v-1632d1d3]{color:#f40080}.small .glitch .before[data-v-1632d1d3]{color:#7fa500}.small .glitch:hover .before[data-v-1632d1d3]{animation:glitch-small-1632d1d3 .5s cubic-bezier(.25,.46,.45,.94) both infinite}.small .glitch:hover .after[data-v-1632d1d3]{animation:glitch-small-1632d1d3 .5s cubic-bezier(.25,.46,.45,.94) reverse both infinite}.medium .glitch[data-v-1632d1d3]{font-size:40px;letter-spacing:2px;text-align:center;color:#4222f1}.medium .glitch .before[data-v-1632d1d3],.medium .glitch .after[data-v-1632d1d3]{content:"CSS Glitch"}.medium .glitch .after[data-v-1632d1d3]{color:#c487c2}.medium .glitch .before[data-v-1632d1d3]{color:#00ff02}.medium .glitch:hover .before[data-v-1632d1d3]{animation:glitch-medium-1632d1d3 .5s cubic-bezier(.25,.46,.45,.94) both infinite}.medium .glitch:hover .after[data-v-1632d1d3]{animation:glitch-medium-1632d1d3 .5s cubic-bezier(.25,.46,.45,.94) reverse both infinite}@keyframes glitch-small-1632d1d3{0%{transform:translate(0)}33%{transform:translate(2px,1px)}66%{transform:translate(-1px,-1px)}to{transform:translate(0)}}@keyframes glitch-medium-1632d1d3{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-left-1632d1d3{0%{transform:translate(0)}33%{transform:translate(-5px,3px)}66%{transform:translate(5px,-3px)}to{transform:translate(0)}}@keyframes glitch-left-2-1632d1d3{0%{transform:translate(0)}33%{transform:translate(-5px,-3px)}66%{transform:translate(5px,2px)}to{transform:translate(0)}}div[data-v-19925c5e]{transition:all .3s ease}.slide-animation-enter[data-v-19925c5e],.slide-animation-leave-to[data-v-19925c5e]{position:absolute;top:0;right:0;bottom:0;left:0}.path-black svg[data-v-19925c5e]{fill:#000}.path-white svg[data-v-19925c5e]{fill:#fff}ul[data-v-099e0efb],ol[data-v-099e0efb]{list-style-type:none;padding-left:0}li[data-v-099e0efb]:before{content:"//";display:inline-block;width:1em;text-align:right;margin-right:.5em}.switch-checkbox{display:none}.switch-label{font-size:24px;position:absolute;right:.8rem;top:.6rem;cursor:pointer;transition:all .2s ease-in-out}.switch-label:hover{filter:blur(1px) brightness(.75)}.switch-label:active{filter:blur(6px) brightness(2) contrast(1.5)}.content-wrapper[data-v-575b0a8e]{transition:all .3s ease}.card-shadow[data-v-575b0a8e]{box-shadow:0 0 64px #0a0a0eee}.card-shadow-light[data-v-575b0a8e]{box-shadow:0 0 64px #f0f0f080}#app{font-family:Oxygen Mono,monospace;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgba(59, 130, 246, .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button{text-transform:none;background-color:transparent;background-image:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,[role=button]{cursor:pointer}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}img{border-style:solid}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}img,video,svg{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}ul{list-style:none;margin:0;padding:0}.bg-light-600{--tw-bg-opacity: 1;background-color:rgba(241,243,245,var(--tw-bg-opacity))}.bg-dark-700{--tw-bg-opacity: 1;background-color:rgba(27,27,27,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgba(31,41,55,var(--tw-bg-opacity))}.bg-light-800{--tw-bg-opacity: 1;background-color:rgba(222,226,230,var(--tw-bg-opacity))}.bg-light-500{--tw-bg-opacity: 1;background-color:rgba(242,242,242,var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgba(17,24,39,var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-65{--tw-bg-opacity: .65}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-md{border-radius:.375rem}.rounded-2xl{border-radius:1rem}.rounded-r-2xl{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-start{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.h-screen{height:100vh}.h-4{height:1rem}.h-6{height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.leading-6{line-height:1.5rem}.m-auto{margin:auto}.mt-1{margin-top:.25rem}.ml-4{margin-left:1rem}.mt-3{margin-top:.75rem}.max-w-xl{max-width:36rem}.min-w-full{min-width:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.p-1{padding:.25rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-0{padding:0}.p-8{padding:2rem}.pl-8{padding-left:2rem}.pr-16{padding-right:4rem}.pl-2{padding-left:.5rem}.pl-1{padding-left:.25rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.fixed{position:fixed}.absolute{position:absolute}.top-0{top:0px}.left-0{left:0px}.top-3{top:.75rem}.right-3{right:.75rem}.resize{resize:both}.text-left{text-align:left}.text-center{text-align:center}.text-gray-900{--tw-text-opacity: 1;color:rgba(17,24,39,var(--tw-text-opacity))}.text-light-50{--tw-text-opacity: 1;color:rgba(253,253,253,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity: 1;color:rgba(243,244,246,var(--tw-text-opacity))}.text-black{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgba(156,163,175,var(--tw-text-opacity))}.text{--tw-text-opacity: 1;color:rgba(var(--color-text),var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgba(31,41,55,var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgba(107,114,128,var(--tw-text-opacity))}.focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgba(107,114,128,var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgba(75,85,99,var(--tw-text-opacity))}.text-blue-gray-600{--tw-text-opacity: 1;color:rgba(71,85,105,var(--tw-text-opacity))}.text-blue-gray-400{--tw-text-opacity: 1;color:rgba(148,163,184,var(--tw-text-opacity))}.text-blue-gray-700{--tw-text-opacity: 1;color:rgba(51,65,85,var(--tw-text-opacity))}.text-blue-gray-300{--tw-text-opacity: 1;color:rgba(203,213,225,var(--tw-text-opacity))}.truncate{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.content-wrapper{content:"wrapper"}.w-screen{width:100vw}.w-32{width:8rem}.w-full{width:100%}.w-8{width:2rem}.w-6{width:1.5rem}.w-128{width:32rem}.-z-5{z-index:-5}.gap-2{grid-gap:.5rem;gap:.5rem}.transition,.\<transition{-webkit-transition-property:background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,filter,backdrop-filter;-o-transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,-webkit-box-shadow,transform,-webkit-transform,filter,backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.duration{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}.animate{-webkit-animation-iteration-count:1;animation-iteration-count:1}.blur\(1px\),.blur\(6px\){--tw-blur: blur(8px)}.saturate\(0\.8\){--tw-saturate: saturate(0)}.backdrop-filter{--tw-backdrop-blur: var(--tw-empty, );--tw-backdrop-brightness: var(--tw-empty, );--tw-backdrop-contrast: var(--tw-empty, );--tw-backdrop-grayscale: var(--tw-empty, );--tw-backdrop-hue-rotate: var(--tw-empty, );--tw-backdrop-invert: var(--tw-empty, );--tw-backdrop-opacity: var(--tw-empty, );--tw-backdrop-saturate: var(--tw-empty, );--tw-backdrop-sepia: var(--tw-empty, );-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px)}@media (max-width: 639.9px){.\<sm\:text-2xl{font-size:1.5rem;line-height:2rem}.\<sm\:text-sm{font-size:.875rem;line-height:1.25rem}.\<sm\:my-auto{margin-top:auto;margin-bottom:auto}.\<sm\:pr-8{padding-right:2rem}.\<sm\:pl-4{padding-left:1rem}.\<sm\:w-24{width:6rem}.\<sm\:w-6{width:1.5rem}}.colors{--color-background-200: #edf0f5;--color-background-300: #d4d9e0;--color-background-400: #c1c7d1;--color-background-500: #9ba3b1;--color-background-600: #868e9c;--color-text: #272b33;--color-primary-300: #f5f7fa;--color-primary-400: #e1e5eb;--color-primary-500: #c1c7d1}body{background-color:#000}html{-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}html::-webkit-scrollbar{display:none}div{transition:.2s ease-in-out}h1{font-family:Quantico,sans-serif;font-weight:400}img{-webkit-user-drag:none}.mobile-padding{padding-top:0}.mobile-display{display:flex}.mobile-margin-top{margin-top:8rem}.mobile-show{display:none}@media (max-width: 768px){.mobile-display{display:block}.mobile-padding{padding-top:2rem}.mobilerounding{border-radius:0}.mobile-fullscreen{width:100vw;min-height:100vh}.mobile-hide{display:none}.mobile-margin-top{margin-top:0}.mobile-show{display:block}}.scrolling-text{animation:scroll-left 10s linear infinite;display:inline-block;white-space:nowrap;overflow:hidden}.disable-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes scroll-left{0%{transform:translate(100%)}25%{transform:translate(0)}75%{transform:translate(0)}to{transform:translate(-100%)}}