*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}#root,body{overflow-x:hidden}#root{width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#1a1a2e,#16213e);overflow-x:hidden;text-align:center}.App,.App-header{min-height:100vh;width:100%}.App-header{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);max-width:100vw;padding:20px}.App-header h1{color:#61dafb;font-size:2.5rem;margin:20px 0 10px;text-shadow:0 0 20px #61dafb80}.App-header>p{color:#e0e0e0;font-size:1.2rem;margin:0 0 30px}.main-content{align-items:flex-start;display:flex;gap:30px;height:calc(100vh - 250px);margin:0 auto;max-width:1600px;overflow:hidden;width:100%}.left-section{flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.left-section::-webkit-scrollbar{width:8px}.left-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.left-section::-webkit-scrollbar-thumb{background:#61dafb4d;border-radius:4px}.left-section::-webkit-scrollbar-thumb:hover{background:#61dafb80}.right-section{height:calc(100vh - 250px);position:-webkit-sticky;position:sticky;top:20px;width:400px}.controls-usage-wrapper,.right-section{display:flex;flex-direction:column;overflow:hidden}.controls-usage-wrapper{background:#ffffff0d;border-radius:8px;gap:0;height:100%}@media (max-width:1024px){.main-content{flex-direction:column;gap:20px}.left-section,.main-content{height:auto;overflow:visible}.right-section{max-height:none;overflow-y:visible;position:static;width:100%}.App-header h1{font-size:2rem}.App-header>p{font-size:1rem}}.search-bar{margin:0 auto 20px;max-width:1200px;position:relative;width:100%}.search-input{background:#ffffff0d;border:2px solid #333;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:15px 45px 15px 20px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#ffffff14;border-color:#61dafb;box-shadow:0 0 0 3px #61dafb1a}.clear-search{background:#0000;border:none;color:#61dafb;cursor:pointer;font-size:28px;line-height:1;padding:5px 10px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search:hover{color:#fff}.suggestions-list{background:#1a1a2efa;border:2px solid #61dafb;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 8px 16px #0000004d;left:0;list-style:none;margin-top:-2px;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.suggestions-list::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track{background:#ffffff0d}.suggestions-list::-webkit-scrollbar-thumb{background:#61dafb4d;border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#61dafb80}.suggestion-item{color:#e0e0e0;cursor:pointer;font-size:15px;padding:12px 20px;text-transform:capitalize;transition:all .2s ease}.suggestion-item.selected,.suggestion-item:hover{background:#61dafb26;color:#61dafb}.suggestion-item:not(:last-child){border-bottom:1px solid #ffffff0d}@media (max-width:768px){.search-input{font-size:14px;padding:12px 40px 12px 15px}.suggestion-item{font-size:14px;padding:10px 15px}.suggestions-list{max-height:250px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bar-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes grid-fade{0%,to{opacity:1}50%{opacity:.7}}@keyframes dot-fade{0%,to{opacity:.2}50%{opacity:1}}@keyframes flip{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-180deg)}}@keyframes gooey-merge{0%,to{transform:translateX(0)}50%{transform:translateX(100%)}}@keyframes corner-spin{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes pendulum{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}@keyframes snake{0%{transform:scaleY(1)}50%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes bounce-dots{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}@keyframes spiral{0%{opacity:0;transform:rotate(0deg) scale(0)}50%{opacity:1}to{opacity:0;transform:rotate(1turn) scale(1)}}@keyframes clock{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradient-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes zigzag{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes orbit-dot{0%{transform:rotate(0deg) translateX(35%) rotate(0deg)}to{transform:rotate(1turn) translateX(35%) rotate(-1turn)}}@keyframes square-spin{0%,to{border-radius:4px;transform:rotate(0deg)}50%{border-radius:50%;transform:rotate(180deg)}}@keyframes slice{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ping{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(1.2)}}@keyframes infinity{0%{transform:translate(0)}25%{transform:translate(50%,-50%)}50%{transform:translate(100%)}75%{transform:translate(50%,50%)}to{transform:translate(0)}}@keyframes windmill{0%{border-radius:50% 0 50% 0;transform:rotate(0deg)}50%{border-radius:0 50% 0 50%}to{border-radius:50% 0 50% 0;transform:rotate(1turn)}}.spinner{align-items:center;background-color:initial;display:flex;justify-content:center}.spinner-ring span{border:3px solid #0000;border-radius:50%;height:100%;width:100%}.spinner-dual{border:1px solid #0000;border-radius:50%;overflow:hidden;position:relative}.spinner-dual>div:first-child,.spinner-dual>div:last-child{height:100%;width:50%}.spinner-dual-inner{border-radius:50%;display:flex;height:90%;position:absolute;width:90%}.spinner-dots{border:1px solid #0000;border-radius:50%;overflow:hidden;position:relative}.spinner-dots .inner-block{height:100%;width:50%}.spinner-dots-inner{border-radius:50%;display:flex;height:90%;position:absolute;width:90%}.spinner-pulse{align-items:center;display:flex;justify-content:center}.spinner-pulse div{border-radius:50%;height:100%;width:100%}.spinner-bars{align-items:center;display:flex;gap:20%;justify-content:center}.spinner-bars div{animation:bar-bounce ease-in-out infinite;border-radius:2px;height:100%;width:20%}@keyframes rotating-squares{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(.8)}to{transform:rotate(1turn) scale(1)}}.spinner-rotating-squares{align-items:center;display:flex;justify-content:center;position:relative}.spinner-rotating-squares div{animation:rotating-squares linear infinite;border:4px solid;border-radius:8px;height:70%;position:absolute;width:70%}.spinner-rotating-squares div:nth-child(2){animation-direction:reverse;height:50%;width:50%}.spinner-grid{grid-gap:10%;gap:10%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:10%}.spinner-grid div{animation:grid-fade ease-in-out infinite;border-radius:4px;height:100%;width:100%}.spinner-double-ring{align-items:center;display:flex;justify-content:center;position:relative}.spinner-double-ring .inner-ring,.spinner-double-ring .outer-ring{animation:spin linear infinite;border:3px solid #0000;border-radius:50%;position:absolute}.spinner-double-ring .outer-ring{height:100%;width:100%}.spinner-double-ring .inner-ring{animation-direction:reverse;height:70%;width:70%}.spinner-circle-dots{position:relative}.spinner-circle-dots div{animation:dot-fade ease-in-out infinite;border-radius:50%;height:15%;left:50%;margin-left:-7.5%;margin-top:-7.5%;position:absolute;top:50%;width:15%}.spinner-flip{perspective:120px}.spinner-flip div{border-radius:4px;height:100%;width:100%}.spinner-gooey{position:relative}.spinner-gooey div{animation:gooey-merge ease-in-out infinite;border-radius:50%;height:40%;position:absolute;top:30%;width:40%}.spinner-gooey div:first-child{left:0}.spinner-gooey div:last-child{animation-direction:reverse;left:0}.spinner-corner{position:relative}.spinner-corner div{animation:corner-spin ease-in-out infinite;border-radius:50%;height:25%;left:0;position:absolute;top:0;width:25%}.spinner-ripple{position:relative}.spinner-ripple div{animation:ripple ease-out infinite;border:3px solid;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.spinner-ripple div:nth-child(2){animation-delay:.5s}.spinner-pendulum{align-items:flex-start;display:flex;justify-content:center;padding-top:20%}.spinner-pendulum div{animation:pendulum ease-in-out infinite;border-radius:50%;height:30%;transform-origin:center -100%;width:30%}.spinner-snake{align-items:flex-end;display:flex;gap:8%;height:100%;justify-content:center;padding:10% 10% 15%}.spinner-snake div{animation:snake ease-in-out infinite;border-radius:3px;height:70%;width:12%}.spinner-snake div:nth-child(2){animation-delay:.15s}.spinner-snake div:nth-child(3){animation-delay:.3s}.spinner-snake div:nth-child(4){animation-delay:.45s}.spinner-snake div:nth-child(5){animation-delay:.6s}.spinner-bounce-dots{align-items:center;display:flex;gap:15%;justify-content:center}.spinner-bounce-dots div{animation:bounce-dots ease-in-out infinite;border-radius:50%;height:20%;width:20%}.spinner-bounce-dots div:nth-child(2){animation-delay:.15s}.spinner-bounce-dots div:nth-child(3){animation-delay:.3s}.spinner-spiral{position:relative}.spinner-spiral div{animation:spiral ease-out infinite;border-radius:50%;height:20%;position:absolute;width:20%}.spinner-spiral div:nth-child(2){animation-delay:.2s}.spinner-spiral div:nth-child(3){animation-delay:.4s}.spinner-spiral div:nth-child(4){animation-delay:.6s}.spinner-clock{border:3px solid;border-radius:50%;position:relative}.spinner-clock:before{animation:clock linear infinite;background-color:currentColor;content:"";height:3px;left:50%;position:absolute;top:50%;transform-origin:left center;width:40%}.spinner-gradient{animation:gradient-spin linear infinite;background:conic-gradient(#0000,currentColor);border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 40%,#000 41%);mask:radial-gradient(circle,#0000 40%,#000 41%)}.spinner-zigzag{align-items:center;display:flex;overflow:hidden;position:relative}.spinner-zigzag div{animation:zigzag ease-in-out infinite;border-radius:50%;height:30%;width:30%}.spinner-orbit{border:3px solid #0000;border-radius:50%;position:relative}.spinner-orbit div{animation:orbit-dot linear infinite;border-radius:50%;height:25%;left:50%;margin-left:-12.5%;margin-top:-12.5%;position:absolute;top:50%;width:25%}.spinner-square-spin{align-items:center;display:flex;justify-content:center}.spinner-square-spin div{animation:square-spin ease-in-out infinite;height:60%;width:60%}.spinner-slice{border-radius:50%;position:relative}.spinner-slice div{animation:slice linear infinite;border-radius:50%;-webkit-clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,50% 100%);height:100%;position:absolute;width:100%}@keyframes bouncing-ball{0%,to{transform:translateY(0)}50%{transform:translateY(-100%)}}.spinner-bouncing-ball{align-items:flex-end;display:flex;justify-content:center;padding-bottom:10%}.spinner-bouncing-ball div{animation:bouncing-ball cubic-bezier(.5,0,.5,1) infinite;border-radius:50%;height:30%;width:30%}.spinner-ping{position:relative}.spinner-ping div{animation:ping ease-out infinite;border:3px solid;border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.spinner-ping div:nth-child(2){animation-delay:.5s}.spinner-infinity{align-items:center;display:flex;justify-content:center;position:relative}.spinner-infinity div{animation:infinity ease-in-out infinite;border-radius:50%;height:30%;left:0;position:absolute;top:35%;width:30%}.spinner-windmill{align-items:center;display:flex;justify-content:center}.spinner-windmill div{animation:windmill linear infinite;height:60%;width:60%}@keyframes hexagon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-hexagon{align-items:center;display:flex;justify-content:center}.spinner-hexagon div{animation:hexagon-spin linear infinite;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:70%;width:70%}@keyframes triangle-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-triangle-spin{align-items:center;display:flex;justify-content:center}.spinner-triangle-spin div{animation:triangle-spin linear infinite;border-bottom:2em solid;border-left:1.25em solid #0000;border-right:1.25em solid #0000;height:0;width:0}@keyframes diamond-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-diamond{align-items:center;display:flex;justify-content:center}.spinner-diamond div{animation:diamond-spin linear infinite;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:60%;width:60%}@keyframes star-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-star{align-items:center;display:flex;justify-content:center}.spinner-star div{animation:star-spin linear infinite;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:70%;width:70%}@keyframes spinner-crosses{0%,to{opacity:.5;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(90deg)}}.spinner-crosses{grid-gap:20%;display:grid;gap:20%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;padding:15%}.spinner-crosses div{animation:spinner-crosses ease-in-out infinite;border-radius:4px;height:100%;width:100%}@keyframes gear-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-gear{align-items:center;display:flex;justify-content:center}.spinner-gear div{animation-iteration-count:infinite;animation-name:gear-spin;animation-timing-function:linear;background:radial-gradient(circle,#0000 30%,currentColor 0,currentColor 100%);border-radius:50%;height:70%;position:relative;width:70%}.spinner-gear div:after,.spinner-gear div:before{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.spinner-gear div:before{background:conic-gradient(from 0deg,#0000 0deg 30deg,currentColor 30deg 33deg,#0000 33deg 60deg,currentColor 60deg 63deg,#0000 63deg 90deg,currentColor 90deg 93deg,#0000 93deg 120deg,currentColor 120deg 123deg,#0000 123deg 150deg,currentColor 150deg 153deg,#0000 153deg 180deg,currentColor 180deg 183deg,#0000 183deg 210deg,currentColor 210deg 213deg,#0000 213deg 240deg,currentColor 240deg 243deg,#0000 243deg 270deg,currentColor 270deg 273deg,#0000 273deg 300deg,currentColor 300deg 303deg,#0000 303deg 330deg,currentColor 330deg 333deg,#0000 333deg 1turn);-webkit-mask:radial-gradient(circle,#0000 30%,#000 0,#000 90%,#0000 0);mask:radial-gradient(circle,#0000 30%,#000 0,#000 90%,#0000 0)}@keyframes dots-wave{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-150%)}}.spinner-dots-wave{align-items:center;display:flex;gap:15%;justify-content:space-around}.spinner-dots-wave div{animation:dots-wave ease-in-out infinite;border-radius:50%;height:15%;width:15%}.spinner-dots-wave div:first-child{animation-delay:0s}.spinner-dots-wave div:nth-child(2){animation-delay:.1s}.spinner-dots-wave div:nth-child(3){animation-delay:.2s}.spinner-dots-wave div:nth-child(4){animation-delay:.3s}.spinner-dots-wave div:nth-child(5){animation-delay:.4s}@keyframes worm{0%,to{transform:translateX(-50%) scaleX(.5)}50%{transform:translateX(50%) scaleX(1.5)}}.spinner-worm{align-items:center;display:flex;justify-content:center}.spinner-worm div{animation:worm ease-in-out infinite;border-radius:10px;height:20%;width:50%}@keyframes squares-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.spinner-squares-rotate{grid-gap:10%;display:grid;grid-template-columns:1fr 1fr;padding:10%}.spinner-squares-rotate div{animation:squares-rotate ease-in-out infinite;border-radius:10%;height:100%;width:100%}.spinner-squares-rotate div:nth-child(2){animation-delay:.15s}.spinner-squares-rotate div:nth-child(3){animation-delay:.3s}.spinner-squares-rotate div:nth-child(4){animation-delay:.45s}@keyframes pulse-ring{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}.spinner-pulse-ring{align-items:center;display:flex;justify-content:center;position:relative}.spinner-pulse-ring div{animation:pulse-ring ease-out infinite;border:4px solid;border-radius:50%;height:100%;position:absolute;width:100%}@keyframes helix{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(50%) scale(.5)}}.spinner-helix{align-items:center;display:flex;justify-content:space-between;padding:0 20%}.spinner-helix div{animation:helix ease-in-out infinite;border-radius:50%;height:20%;width:20%}.spinner-helix div:nth-child(2){animation-delay:.5s}@keyframes circles-merge{0%,to{transform:translateX(-50%)}50%{transform:translateX(50%)}}.spinner-circles-merge{align-items:center;display:flex;gap:20%;justify-content:center}.spinner-circles-merge div{animation:circles-merge ease-in-out infinite;border-radius:50%;height:30%;width:30%}.spinner-circles-merge div:nth-child(2){animation-direction:reverse}@keyframes atom-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-atom{align-items:center;display:flex;justify-content:center;position:relative}.spinner-atom:before{background-color:currentColor;border-radius:50%;content:"";height:20%;position:absolute;width:20%;z-index:2}.spinner-atom div{animation:atom-orbit linear infinite;height:100%;position:absolute;width:100%}.spinner-atom div:before{background-color:currentColor;border-radius:50%;content:"";height:15%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) translateX(360%);width:15%}.spinner-atom div:nth-child(2){transform:rotate(120deg)}.spinner-atom div:nth-child(3){transform:rotate(240deg)}@keyframes bullet-fire{0%{opacity:1;transform:translateX(0) scale(1)}70%{opacity:1;transform:translateX(250%) scale(.8)}to{opacity:0;transform:translateX(250%) scale(.8)}}.spinner-bullet{align-items:center;display:flex;justify-content:flex-start;padding-left:15%;position:relative}.spinner-bullet .gun{border:3px solid;border-radius:2px;height:30%;position:relative;width:50%}.spinner-bullet .gun:before{border:3px solid;border-radius:3px 0 0 3px;border-right:none;content:"";height:140%;position:absolute;right:100%;top:50%;transform:translateY(-50%);width:40%}.spinner-bullet .bullet{animation:bullet-fire ease-out infinite;border-radius:50%;height:16%;left:15%;position:absolute;width:16%}@keyframes roller{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(50%) rotate(1turn)}}.spinner-roller{align-items:center;display:flex;justify-content:center;overflow:hidden}.spinner-roller div{animation:roller linear infinite;border-radius:50%;height:25%;width:25%}@keyframes cascade{0%,70%,to{opacity:0;transform:translateY(0) scaleY(1)}35%{opacity:1;transform:translateY(100%) scaleY(.3)}}.spinner-cascade{align-items:center;display:flex;flex-direction:column;gap:5%;justify-content:space-around}.spinner-cascade div{animation:cascade ease-in-out infinite;border-radius:5px;height:15%;width:80%}.spinner-cascade div:first-child{animation-delay:0s}.spinner-cascade div:nth-child(2){animation-delay:.2s}.spinner-cascade div:nth-child(3){animation-delay:.4s}.spinner-cascade div:nth-child(4){animation-delay:.6s}@keyframes blockchain{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.spinner-blockchain{align-items:center;display:flex;gap:5%;justify-content:space-between}.spinner-blockchain div{animation:blockchain ease-in-out infinite;border-radius:3px;height:40%;width:20%}.spinner-blockchain div:first-child{animation-delay:0s}.spinner-blockchain div:nth-child(2){animation-delay:.2s}.spinner-blockchain div:nth-child(3){animation-delay:.4s}@keyframes heartbeat{0%,to{transform:scale(.8)}14%{transform:scale(1.1)}28%{transform:scale(.8)}42%{transform:scale(1.1)}56%{transform:scale(.8)}}.spinner-heartbeat{align-items:center;display:flex;justify-content:center}.spinner-heartbeat div{animation:heartbeat ease-in-out infinite;height:50%;position:relative;width:50%}.spinner-heartbeat div:after,.spinner-heartbeat div:before{background-color:currentColor;border-radius:50% 50% 0 0;content:"";height:80%;position:absolute;width:50%}.spinner-heartbeat div:before{left:0;transform:rotate(-45deg);transform-origin:100% 100%}.spinner-heartbeat div:after{right:0;transform:rotate(45deg);transform-origin:0 100%}@keyframes flower-bloom{0%,to{opacity:.6;transform:rotate(0deg) scale(.8)}50%{opacity:1;transform:rotate(180deg) scale(1.2)}}.spinner-flower{align-items:center;display:flex;justify-content:center;position:relative}.spinner-flower div{animation:flower-bloom ease-in-out infinite;border-radius:50% 50% 0 0;height:60%;position:absolute;transform-origin:50% 100%;width:25%}.spinner-flower div:first-child{transform:rotate(0deg)}.spinner-flower div:nth-child(2){transform:rotate(60deg)}.spinner-flower div:nth-child(3){transform:rotate(120deg)}.spinner-flower div:nth-child(4){transform:rotate(180deg)}.spinner-flower div:nth-child(5){transform:rotate(240deg)}.spinner-flower div:nth-child(6){transform:rotate(300deg)}@keyframes radar-sweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-radar{align-items:center;border:1px solid;border-radius:50%;display:flex;justify-content:center;overflow:hidden;padding:5px;position:relative}.spinner-radar:after{background-color:currentColor;height:8%;width:8%;z-index:2}.spinner-radar:after,.spinner-radar:before{border-radius:50%;content:"";position:absolute}.spinner-radar:before{animation:radar-sweep linear infinite;background:conic-gradient(from 0deg,currentColor 0deg,#0000 90deg);height:80%;opacity:.6;transform-origin:center center;width:80%}@keyframes spinner-blocks-rotate{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.spinner-blocks{align-items:center;display:flex;justify-content:center;position:relative}.spinner-blocks div{animation:spinner-blocks-rotate ease-in-out infinite;border-radius:3px;height:35%;position:absolute;width:12%}.spinner-blocks div:first-child{left:50%;top:0;transform:translateX(-50%)}.spinner-blocks div:nth-child(2){right:15%;top:15%;transform:rotate(45deg)}.spinner-blocks div:nth-child(3){right:0;top:50%;transform:translateY(-50%) rotate(90deg)}.spinner-blocks div:nth-child(4){bottom:15%;right:15%;transform:rotate(135deg)}.spinner-blocks div:nth-child(5){bottom:0;left:50%;transform:translateX(-50%) rotate(180deg)}.spinner-blocks div:nth-child(6){bottom:15%;left:15%;transform:rotate(225deg)}.spinner-blocks div:nth-child(7){left:0;top:50%;transform:translateY(-50%) rotate(270deg)}.spinner-blocks div:nth-child(8){left:15%;top:15%;transform:rotate(315deg)}@keyframes wave-circle{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}.spinner-wave-circle{align-items:center;display:flex;justify-content:center;position:relative}.spinner-wave-circle div{animation:wave-circle ease-out infinite;border:3px solid;border-radius:50%;height:100%;position:absolute;width:100%}.spinner-wave-circle div:nth-child(2){animation-delay:.4s}.spinner-wave-circle div:nth-child(3){animation-delay:.8s}@keyframes pacman-chomp{0%,to{transform:rotate(0deg)}50%{transform:rotate(45deg)}}@keyframes pacman-dots{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200%)}}.spinner-pacman{align-items:center;display:flex;gap:10%;justify-content:space-between}.spinner-pacman:before{animation:pacman-chomp ease-in-out infinite;background-color:currentColor;border-radius:50%;-webkit-clip-path:polygon(100% 50%,100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 50%,100% 0,0 0,0 100%,100% 100%);content:"";height:35%;width:35%}.spinner-pacman div{animation:pacman-dots linear infinite;border-radius:50%;height:15%;width:15%}.spinner-pacman div:first-child{animation-delay:0s}.spinner-pacman div:nth-child(2){animation-delay:.33s}.spinner-pacman div:nth-child(3){animation-delay:.66s}@keyframes hourglass{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}.spinner-hourglass{align-items:center;display:flex;justify-content:center}.spinner-hourglass div{animation:hourglass ease-in-out infinite;border-bottom:1.6em solid;position:relative}.spinner-hourglass div,.spinner-hourglass div:after{border-left:1em solid #0000;border-right:1em solid #0000;height:0;width:0}.spinner-hourglass div:after{border-top:1.6em solid;content:"";left:-1em;position:absolute;top:0}@keyframes cube-fold{0%,10%{opacity:0;transform:perspective(140px) rotateX(-180deg)}25%,75%{opacity:1;transform:perspective(140px) rotateX(0deg)}90%,to{opacity:0;transform:perspective(140px) rotateY(180deg)}}.spinner-cube-fold{grid-gap:10%;display:grid;gap:10%;grid-template-columns:1fr 1fr;padding:10%}.spinner-cube-fold div{animation:cube-fold ease-in-out infinite;height:100%;width:100%}.spinner-cube-fold div:nth-child(2){animation-delay:.15s}.spinner-cube-fold div:nth-child(3){animation-delay:.3s}.spinner-cube-fold div:nth-child(4){animation-delay:.45s}@keyframes dashed-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-dashed-ring{align-items:center;display:flex;justify-content:center}.spinner-dashed-ring div{animation:dashed-ring linear infinite;border:3px dashed;border-radius:50%;height:100%;width:100%}@keyframes newton-swing-left{0%,50%,to{transform:rotate(0deg)}25%{transform:rotate(-30deg)}}@keyframes newton-swing-right{0%,50%,to{transform:rotate(0deg)}75%{transform:rotate(30deg)}}.spinner-newton-cradle{align-items:flex-start;display:flex;gap:5%;justify-content:space-around;padding-top:20%}.spinner-newton-cradle div{height:40%;position:relative;transform-origin:50% 0;width:20%}.spinner-newton-cradle div:after{background-color:currentColor;border-radius:50%;bottom:0;content:"";height:50%;left:50%;position:absolute;transform:translateX(-50%);width:100%}.spinner-newton-cradle div:first-child{animation:newton-swing-left ease-in-out infinite}.spinner-newton-cradle div:nth-child(5){animation:newton-swing-right ease-in-out infinite}@keyframes metronome{0%,to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.spinner-metronome{align-items:flex-end;display:flex;justify-content:center}.spinner-metronome div{animation:metronome ease-in-out infinite;border-radius:50% 50% 0 0;height:80%;transform-origin:50% 100%;width:10%}@keyframes spinner-box{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.spinner-spinner-box{align-items:center;border:2px solid;display:flex;justify-content:center;position:relative}.spinner-spinner-box div{animation:spinner-box ease-in-out infinite;border-radius:50%;height:20%;position:absolute;width:20%}.spinner-spinner-box div:first-child{animation-delay:0s;left:0;top:0}.spinner-spinner-box div:nth-child(2){animation-delay:.2s;right:0;top:0}.spinner-spinner-box div:nth-child(3){animation-delay:.4s;bottom:0;right:0}.spinner-spinner-box div:nth-child(4){animation-delay:.6s;bottom:0;left:0}.spinner-card{align-items:center;background:#ffffff0d;border:2px solid #333;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:20px;position:relative;transition:all .3s ease}.spinner-card:hover{background:#61dafb1a;border-color:#61dafb;box-shadow:0 5px 15px #61dafb4d;transform:translateY(-5px)}.spinner-card h3{display:none}.spinner-number{align-items:center;background:#61dafb;border-radius:50%;color:#282c34;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;left:8px;position:absolute;top:8px;width:28px;z-index:10}.spinner-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;min-height:100%;padding:20px;width:100%}.no-results{color:#e0e0e0;grid-column:1/-1;padding:60px 20px;text-align:center}.no-results p{font-size:1.2rem;margin:10px 0}.no-results .suggestion{color:#61dafb;font-size:1rem;margin-top:20px}@media (max-width:768px){.spinner-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.controls{background:#0000;border-bottom:1px solid #61dafb33;border-radius:0;box-sizing:border-box;margin:0;padding:15px;width:100%}.controls h2{color:#61dafb;font-size:1.2rem;margin:0 0 12px;text-align:center}.control-group{display:flex;flex-direction:column;gap:10px}.control-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.control-row label{color:#e0e0e0;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:4px;text-align:center}.control-row input[type=number]{background:#1a1a1a;border:2px solid #333;border-radius:4px;color:#fff;font-size:13px;padding:6px 4px;text-align:center;transition:border-color .3s;width:100%}.color-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.color-row label{align-items:center;display:flex;flex-direction:column;gap:4px}.color-label{color:#e0e0e0;font-size:.75rem;font-weight:500;text-align:center}.color-row input[type=color]:focus,.control-row input[type=number]:focus{border-color:#61dafb;outline:none}.color-row input[type=color]{background:#1a1a1a;border:2px solid #333;border-radius:4px;cursor:pointer;height:32px;padding:2px;transition:border-color .3s;width:100%}.color-row input[type=color]:hover{border-color:#61dafb}@media (max-width:1024px){.controls{margin:20px auto;max-width:1200px;padding:30px}.controls h2{font-size:1.8rem}.control-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.usage-example{background:#0000;border-radius:0;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:20px;width:100%}.usage-example h3{color:#61dafb;flex-shrink:0;font-size:1rem;font-weight:600;margin:0 0 15px;text-align:left}.usage-example .hint{color:#ffffff80;font-size:.85rem;font-style:italic;margin:0;text-align:left}.usage-example pre{background:#1a1a1a;border:1px solid #333;border-radius:6px;flex:1 1;margin:0;min-height:0;overflow:auto;padding:20px;text-align:left}.usage-example code{color:#61dafb;display:block;font-family:Courier New,monospace;font-size:13px;line-height:1.6;text-align:left;white-space:pre}@media (max-width:1024px){.usage-example{background:#ffffff0d;border-radius:12px;flex:none;margin:20px auto;max-width:1200px;overflow:visible;padding:30px}.usage-example h3{font-size:1.3rem}.usage-example pre{overflow-x:auto;padding:20px}.usage-example code{font-size:14px}}
/*# sourceMappingURL=main.24372005.css.map*/