@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Source+Sans+Pro:wght@400;600&display=swap";/** * @license * * Font Family: Supreme * Designed by: Jérémie Hornus, Ilya Naumoff * URL: https://www.fontshare.com/fonts/supreme * © 2023 Indian Type Foundry * * Font Styles: * Supreme Variable(Variable font) * Supreme Variable Italic(Variable font) * Supreme Thin * Supreme Thin Italic * Supreme Extralight * Supreme Extralight Italic * Supreme Light * Supreme Light Italic * Supreme Regular * Supreme Italic * Supreme Medium * Supreme Medium Italic * Supreme Bold * Supreme Bold Italic * Supreme Extrabold * Supreme Extrabold Italic * */@font-face{font-family:Supreme-Variable;src:url(/assets/Supreme-Variable-D6OPM70K.woff2) format("woff2"),url(/assets/Supreme-Variable-1Xtynkan.woff) format("woff"),url(/assets/Supreme-Variable-Bzdx_txQ.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:normal}@font-face{font-family:Supreme-VariableItalic;src:url(/assets/Supreme-VariableItalic-BM_OJs3z.woff2) format("woff2"),url(/assets/Supreme-VariableItalic-DbSM20ik.woff) format("woff"),url(/assets/Supreme-VariableItalic-BUtYyBhO.ttf) format("truetype");font-weight:100 800;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Thin;src:url(../fonts/Supreme-Thin.woff2) format("woff2"),url(../fonts/Supreme-Thin.woff) format("woff"),url(../fonts/Supreme-Thin.ttf) format("truetype");font-weight:100;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ThinItalic;src:url(../fonts/Supreme-ThinItalic.woff2) format("woff2"),url(../fonts/Supreme-ThinItalic.woff) format("woff"),url(../fonts/Supreme-ThinItalic.ttf) format("truetype");font-weight:100;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Extralight;src:url(../fonts/Supreme-Extralight.woff2) format("woff2"),url(../fonts/Supreme-Extralight.woff) format("woff"),url(../fonts/Supreme-Extralight.ttf) format("truetype");font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ExtralightItalic;src:url(../fonts/Supreme-ExtralightItalic.woff2) format("woff2"),url(../fonts/Supreme-ExtralightItalic.woff) format("woff"),url(../fonts/Supreme-ExtralightItalic.ttf) format("truetype");font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Light;src:url(../fonts/Supreme-Light.woff2) format("woff2"),url(../fonts/Supreme-Light.woff) format("woff"),url(../fonts/Supreme-Light.ttf) format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Supreme-LightItalic;src:url(../fonts/Supreme-LightItalic.woff2) format("woff2"),url(../fonts/Supreme-LightItalic.woff) format("woff"),url(../fonts/Supreme-LightItalic.ttf) format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Regular;src:url(../fonts/Supreme-Regular.woff2) format("woff2"),url(../fonts/Supreme-Regular.woff) format("woff"),url(../fonts/Supreme-Regular.ttf) format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Supreme-Italic;src:url(../fonts/Supreme-Italic.woff2) format("woff2"),url(../fonts/Supreme-Italic.woff) format("woff"),url(../fonts/Supreme-Italic.ttf) format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Medium;src:url(../fonts/Supreme-Medium.woff2) format("woff2"),url(../fonts/Supreme-Medium.woff) format("woff"),url(../fonts/Supreme-Medium.ttf) format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Supreme-MediumItalic;src:url(../fonts/Supreme-MediumItalic.woff2) format("woff2"),url(../fonts/Supreme-MediumItalic.woff) format("woff"),url(../fonts/Supreme-MediumItalic.ttf) format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Bold;src:url(../fonts/Supreme-Bold.woff2) format("woff2"),url(../fonts/Supreme-Bold.woff) format("woff"),url(../fonts/Supreme-Bold.ttf) format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Supreme-BoldItalic;src:url(../fonts/Supreme-BoldItalic.woff2) format("woff2"),url(../fonts/Supreme-BoldItalic.woff) format("woff"),url(../fonts/Supreme-BoldItalic.ttf) format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Supreme-Extrabold;src:url(../fonts/Supreme-Extrabold.woff2) format("woff2"),url(../fonts/Supreme-Extrabold.woff) format("woff"),url(../fonts/Supreme-Extrabold.ttf) format("truetype");font-weight:800;font-display:swap;font-style:normal}@font-face{font-family:Supreme-ExtraboldItalic;src:url(../fonts/Supreme-ExtraboldItalic.woff2) format("woff2"),url(../fonts/Supreme-ExtraboldItalic.woff) format("woff"),url(../fonts/Supreme-ExtraboldItalic.ttf) format("truetype");font-weight:800;font-display:swap;font-style:italic}html{min-height:100%}body{font-family:Source Sans Pro,sans-serif;margin:0;min-height:100%;background-size:100% 100%,cover;background-repeat:no-repeat;background-position:center center}@keyframes moveSwarm{0%{opacity:0;transform:translate3d(0,-40%,0);background-size:30px 1px}60%{opacity:.7;transform:translate3d(0,-90%,0)}to{opacity:0;transform:translate3d(0,-200%,0);background-size:30px 1px}}.swarm{position:absolute;z-index:-1;top:0%;left:0%;width:100%;height:100%;opacity:.5}.swarm:before,.swarm:after{content:"";position:absolute;top:22%;left:11%;width:180px;height:100px;background:radial-gradient(circle,#a87aff,5px,#4d4d6600 5px);background-size:60px 0px;rotate:45deg;opacity:0}.swarm,.swarm2{animation:fadeIn 5s linear forwards}.swarm:before{animation:moveSwarm 10s cubic-bezier(.1,1,1,.1) infinite 0s}.swarm:after{animation:moveSwarm 20s cubic-bezier(.1,1,1,.1) infinite 0s reverse}@keyframes fadeIn{0%{opacity:0}1%{opacity:1!important}}@keyframes fadeInIntro{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes moveSwarm2{0%{opacity:0;transform:translate3d(0,-50%,0);background-size:30px 1px}60%{opacity:.9;transform:translateZ(0);background-size:30px 1px}to{opacity:0;transform:translate3d(0,100%,0);background-size:30px 1px}}.swarm2{position:absolute;z-index:-1;top:0%;left:0%;width:100%;height:100%;opacity:.5}.swarm2:before,.swarm2:after{content:"";position:absolute;top:22%;left:11%;width:180px;height:100px;background:radial-gradient(circle,#00ffb74d,5px,#4d4d6600 5px);background-size:60px 0px;background-repeat:repeat;rotate:45deg;opacity:0}.swarm2:before{animation:moveSwarm2 10s cubic-bezier(.1,1,1,.1) infinite 0s}.swarm2:after{animation:moveSwarm2 20s cubic-bezier(.1,1,1,.1) infinite 0s reverse}h1{font-family:Supreme-Variable;float:left;font-size:22px;text-align:center;padding:15px 5px;margin:0 12px 0 0}a{color:#fff}h2{padding-left:10px}#topic{border-top:1px solid rgba(256,256,256,.12);margin:0 auto auto;width:50%;display:flex;max-width:800px}#container{margin:auto;width:50%;float:none;clear:both;max-width:800px}@media (max-width: 800px){h1{display:none}a.nav{float:left;color:#ffffffe6;text-align:center;padding:0 16px!important;text-decoration:none;font-size:18px}#topic,#container{width:80%!important}form{width:100%!important}label{font-size:20px!important}input[type=text],input[type=password],input[type=email]{font-size:18px!important;padding:10px!important}input[type=submit]{font-family:Source Sans Pro,sans-serif;background-color:#000b;color:#fff;border:none;border-radius:10px!important;font-size:35px!important;padding:20px!important;cursor:pointer;display:flex;float:left}#topic,#container,#usage,#fine-prints-container{width:80%!important}#fine-prints,form{width:100%!important}}#fine-prints-container{float:none;clear:both;margin:auto;width:50%;padding-top:20px;max-width:800px}#left{width:50%;padding:10px}#right{height:700px;padding:10px;width:50%}#prompt{font-family:Source Code Pro,monospace;height:150px;width:100%;box-sizing:border-box;background-color:#191919;color:#769aff;font-family:sans-serif;font-size:20px;margin-bottom:10px;padding:10px;border:1px solid #444}#input,#response{width:100%;background-color:#2d2d2d;color:#f2f2f2;font-family:sans-serif;border:1px solid #eee}#submit,#provide{padding:10px;margin-top:15px;background-color:#09f;color:#fff;border:none;border-radius:5px;font-size:17px;font-weight:700;cursor:pointer;float:right}.topnav-bg{overflow:hidden;margin:15px 0 0}.topnav{align-items:center;overflow:hidden;display:flex;padding-top:15px;padding-bottom:15px;margin:auto;justify-content:center;max-width:1420px}a.nav{float:left;color:#ffffffe6;text-align:center;padding:14px 16px;text-decoration:none;font-size:18px;border-radius:20px}a.nav:hover{color:#fff}a.nav:active{background-color:#5570f6;color:#fff}#logo{display:flex;align-items:center;color:#ff3700;font-family:Source Sans Pro,sans-serif;font-size:22px;font-weight:700;padding-right:15px;margin-left:5px;white-space:pre}.topnav a{text-decoration:none}.divider{float:left;width:1px;background-color:#777;height:20px}.footer{margin-top:20px;height:100px;width:100%;background:#333;position:sticky;left:0;bottom:0}.disabled{opacity:.2}::-webkit-input-placeholder{font-style:italic}:-moz-placeholder{font-style:italic}::-moz-placeholder{font-style:italic}:-ms-input-placeholder{font-style:italic}.list-title{color:#fff;font-size:40px;letter-spacing:-.05rem}ul#subjectlist{list-style-type:none;width:100%;padding-left:0}ul#subjectlist li{margin:0;padding-left:2px}ul#subjectlist li:hover{background-color:#3d3f48!important;border-left:2px solid hsl(27,100%,50%);padding-left:0}ul#subjectlist li a{text-decoration:none}#container-list h4{margin:0;padding:15px 0 0 25px;font-size:20px}#container-list p{padding-top:10px;margin:0;padding-left:25px;padding-bottom:15px;font-size:18px;color:#bbb}#container-list{margin:-15px auto auto;width:50%}#shine-container{margin:auto;width:50%}#usage p a{color:#a8aec2}#usage{border-top:1px solid rgba(256,256,256,.12);margin:40px auto 150px;width:50%;display:flex;max-width:800px}#usage p{font-size:13px;color:#bdbdbd}.shine{background:#34353d;background-image:linear-gradient(to right,#34353d,#3e4047,#444755 80%,#34353d);background-repeat:no-repeat;background-size:100% 90px;display:inline-block;position:relative;animation-duration:1.3s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;display:block!important;width:100%;height:88px}.shine-darker{background:#2d2e34;background-image:linear-gradient(to right,#2d2e34,#37383f,#3b3e4a 80%,#2d2e34);background-repeat:no-repeat;background-size:100% 90px;display:inline-block;position:relative;animation-duration:1.3s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;display:block!important;width:100%;height:88px}.reduced-opacity-1{background:linear-gradient(to bottom,#2d2e34 20%,#26272c)}@keyframes placeholderShimmer{0%{background-position:-60vw 0}to{background-position:60vw 0}}form{display:flex;flex-direction:column}label{width:fit-content;margin-left:0;font-size:20px;color:#fffc}input[type=text],input[type=email],input[type=password]{width:100%;margin-top:10px;margin-left:0!important;border-radius:10px;font-family:Source Sans Pro,sans-serif;box-sizing:border-box;background:none;color:#fff;font-family:sans-serif;font-size:25px;margin-bottom:25px;padding:10px;border:2px solid rgba(213,220,255,.6)}input[type=submit]{font-family:Source Sans Pro,sans-serif;padding:12px;background-color:#000b;color:#fff;border:none;border-radius:5px;font-size:25px!important;padding:15px!important;cursor:pointer;display:flex;float:left;width:min-content;transition:background-color .15s ease-out}input[type=submit]:hover{background-color:#0000007d}#button-validation{display:flex;flex-direction:row}#response{margin-left:20px;float:left;display:block;margin-top:15px;border:none;background:none;font-size:20px;color:#ffffffb0;font-style:italic}#subject-link{border:none;background:none;font-size:20px;color:#aaa;font-style:italic}#fine-prints{font-size:16px;color:#d6d6d6}#fine-prints a{color:#a8aec2}#video-container{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;z-index:-1;overflow:hidden;background:#000}.background-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .4s ease-in-out;z-index:-1;background:#000;opacity:0;transition:opacity 2s ease-in-out}.background-video{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;will-change:transform;backface-visibility:hidden;transform:translateZ(0);opacity:.8}.background-video-wrapper:after{content:"";position:absolute;top:-5%;left:-5%;width:110%;height:110%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s ease-in-out;pointer-events:none;background:transparent}.background-video-wrapper.blur:after{opacity:1}