:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--x: 0;--y: 0;--ds: -7px;--ts: 7px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100svh;--menu-buttons-transition: 0s;--infobox-center-transition: 0s;--arrow-show-hide-transition: 0s;--shader-display-transition: 0s;background-color:#000}h1{font-size:6.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{transform:scale(.2);position:fixed;top:40px;left:50px;padding:0;margin:0;width:0;height:0}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.card-content{max-width:500px}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}shader-doodle{height:100svh;width:100vw;transition:var(--shader-display-transition)}.floating{position:absolute}.fullscreen{width:100vw;height:100svh}.flex-centered{display:flex;align-items:center;justify-content:center}.foreground{z-index:1}.interactive-shadow{transform:translate(calc(var(--ts)*var(--x)),calc(var(--ts)*var(--y)));box-shadow:calc(1*var(--ds) * var(--x)) calc(1*var(--ds) * var(--y)) #00000020,calc(2*var(--ds) * var(--x)) calc(2*var(--ds) * var(--y)) #00000020,calc(3*var(--ds) * var(--x)) calc(3*var(--ds) * var(--y)) #00000020,calc(4*var(--ds) * var(--x)) calc(4*var(--ds) * var(--y)) #00000020,calc(5*var(--ds) * var(--x)) calc(5*var(--ds) * var(--y)) #00000020}#infobox{position:absolute;bottom:0;right:0;margin:40px;padding:11px 20px 20px;color:#fff;border-radius:16px}#nasze-auto-infobox{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:0;left:0;margin:40px;padding:15px 20px 20px;background-color:#fff;border-radius:16px}.glass-background{background:rgba(133,133,133,.288);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(22.8px);-webkit-backdrop-filter:blur(22.8px)}#infobox-center{background-color:#fff;padding:10px;border-radius:16px;margin:25px;color:#000;opacity:0;transition:var(--infobox-center-transition);z-index:2}#shader-title{color:#fff;font-size:20px;margin:0 0 15px}#shader-description{color:#fff;line-height:.35rem;margin:0}#nasze-auto-description{color:#0099cb;line-height:.35rem;margin:0;margin-top:.5rem}@media (max-width:800px){h1{font-size:3.2em}.logo{top:unset;left:unset;bottom:190px;right:243px}.tabcontent{max-height:300px;overflow-y:scroll}#nasze-auto-infobox{display:block;inset:130px 0 auto auto}#nasze-auto-description{display:none}#nasze-auto-logo{margin-top:10px;margin-left:5px;width:150px}}@media (max-width:500px){.arrow,#locked-text{display:none}}.loader{width:50px;position:fixed;aspect-ratio:1;border-radius:50%;border:4px solid #ffffff;animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.arrow{position:fixed;top:60px;right:500px;transform:translate(-50%,-50%);transform:rotate(270deg);transition:var(--arrow-show-hide-transition)}.arrow span{display:block;width:10px;height:10px;border-bottom:5px solid white;border-right:5px solid white;transform:rotate(45deg);margin:-10px;animation:animate 2s infinite}.arrow span:nth-child(2){animation-delay:-.2s}.arrow span:nth-child(3){animation-delay:-.4s}@keyframes animate{0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(20px,20px)}}.tab{position:absolute;top:0;right:0;margin:40px}.tab button{background-color:#ffffff10;border:none;outline:none;cursor:pointer;padding:14px 20px;margin-bottom:4px;margin-left:3px;transition:var(--menu-buttons-transition)}.tab button:hover{background-color:#ffffff41}.tab button.active{background-color:#ffffff96}.tabcontent{display:none;padding:0 16px}.contact-form-container{display:flex;width:100%;justify-content:center}.contact-form{text-align:center;max-width:200px}.contact-form input{width:200px;height:30px;margin-bottom:5px}.contact-form textarea{height:100px;width:202px;max-width:202px;min-width:202px;margin-top:2px}.card-button{margin-top:20px}#api-not-responding{margin-top:120px;opacity:0;transition:var(--shader-display-transition)}#locked-text{opacity:0;position:absolute;bottom:0;left:0;transform:translate(-100px,13px);transition:var(--menu-buttons-transition)}@-webkit-keyframes animate-svg-stroke-1{0%{stroke-dashoffset:5893.75732421875px;stroke-dasharray:5893.75732421875px}to{stroke-dashoffset:0;stroke-dasharray:5893.75732421875px}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:5893.75732421875px;stroke-dasharray:5893.75732421875px}32%{stroke-opacity:1}34%{stroke-opacity:0}to{stroke-dashoffset:0;stroke-dasharray:5893.75732421875px}}@-webkit-keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:#fff}}@keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:#fff}}.svg-elem-1{-webkit-animation:animate-svg-stroke-1 15s cubic-bezier(.455,.03,.515,.955) 0s both,animate-svg-fill-1 1s cubic-bezier(.23,1,.32,1) 4.8s both;animation:animate-svg-stroke-1 15s cubic-bezier(.455,.03,.515,.955) 0s both,animate-svg-fill-1 1s cubic-bezier(.23,1,.32,1) 4.8s both}