.style_radial-gradient__YIIYF{background:radial-gradient(circle at 50% 0,rgba(var(--radial-gradient-background),.05) 0,transparent 60%) rgba(var(--solid-color-background),1)}.style_linear-mask__RX2AO{mask-image:linear-gradient(-75deg,white calc(var(--x) + 20%),transparent calc(var(--x) + 30%),white calc(var(--x) + 100%));-webkit-mask-image:linear-gradient(-75deg,white calc(var(--x) + 20%),transparent calc(var(--x) + 30%),white calc(var(--x) + 100%))}.style_linear-overlay__5Mhkm{background-image:linear-gradient(-75deg,rgba(var(--overlay-color),.1) calc(var(--x) + 20%),rgba(var(--overlay-color),.5) calc(var(--x) + 25%),rgba(var(--overlay-color),.1) calc(var(--x) + 100%));mask:linear-gradient(black,black) content-box,linear-gradient(black,black);-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask-composite:exclude;-webkit-mask-composite:xor}.style_linear-mask__zXx65{mask-image:linear-gradient(-75deg,white calc(var(--x) + 20%),transparent calc(var(--x) + 30%),white calc(var(--x) + 100%));-webkit-mask-image:linear-gradient(-75deg,white calc(var(--x) + 20%),transparent calc(var(--x) + 30%),white calc(var(--x) + 100%))}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading:after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{text-decoration:none;color:var(--color-link);cursor:pointer}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus{outline:none;background:lightgrey}a:focus:not(:focus-visible){background:transparent}a:focus-visible{outline:2px solid red;background:transparent}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}body #cdawrap{justify-self:start}.frame a:not(.frame__title-back){white-space:nowrap;overflow:hidden;position:relative}.frame a:not(.frame__title-back):before{content:"";height:1px;width:100%;background:currentColor;position:absolute;top:90%;transition:transform .3s;transform-origin:0 50%}.frame a:not(.frame__title-back):hover:before{transform:scaleX(0);transform-origin:100% 50%}.frame__title{grid-area:title;font-size:1.25rem;margin:0;font-weight:400}.frame__back{grid-area:back}.frame__prev{grid-area:prev}.frame__demos{grid-area:demos;display:flex;gap:1rem}.grid1{display:flex;justify-content:space-around;grid-template-columns:1fr;gap:1px}.grid__item{display:grid;gap:1.5rem;align-content:start;grid-template-rows:auto 1fr auto}.grid__item-img{width:100px;aspect-ratio:1;border-radius:1.6rem;position:relative;overflow:hidden;display:grid;place-items:center;--x:0px;--y:0px}.grid__item-img:after{content:"";background:radial-gradient(rgb(23,24,37) 0,rgb(102,51,238) 100%,rgb(142,100,255),rgb(95,88,90));mix-blend-mode:darken}.grid__item-img-deco,.grid__item-img:after{position:absolute;top:0;left:0;width:100%;height:100%}.grid__item-img-deco{font-family:input-mono,monospace;font-size:.85rem;word-wrap:break-word;line-height:1.15;color:#000000;opacity:100%;-webkit-mask-image:radial-gradient(300px circle at var(--x) var(--y),black 20%,rgba(0,0,0,.25),transparent);mask-image:radial-gradient(300px circle at var(--x) var(--y),black 20%,rgba(0,0,0,.25),transparent)}.grid__item-img div svg{width:75%;max-width:180px;position:relative;z-index:1}.grid__item-label{line-height:1.4;margin:0}.grid__item-tag{align-self:end;justify-self:start;border:1px solid #2a2b3a;border-radius:1em;line-height:.75;padding:.5rem .75rem;font-size:.85rem}@media screen and (min-width:33em){.grid1{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:53em){.frame{grid-template-columns:auto 1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"title title sponsor" "back prev ...";align-content:space-between;justify-items:start;grid-row-gap:1.5rem}.grid1{grid-template-columns:repeat(3,1fr)}body #cdawrap{justify-self:end}}.mask-gradient{mask-image:linear-gradient(90deg,transparent,#ffffff 20% 80%,transparent)}main{width:min(1000px,90vw);margin:auto}.slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#ffffff 20% 80%,transparent);gap:40px}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{filter:grayscale(1);width:var(--width);height:var(--height);background-color:aqua;border-radius:25px;position:absolute;left:100%;animation:autoRun 10s linear infinite;transition:filter .5s;animation-delay:calc((10s / var(--quantity)) * (var(--position) - 1) - 10s)!important}.slider .list .item img{width:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider[reverse=true] .item{animation:reversePlay 10s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}