@keyframes cel{0%,to{transform:translateY(-150px)scale(1.25)}28%,38%{transform:translate(-135px,170px)scale(1.25)}61%,71%{transform:translate(135px,170px)scale(1.25)}}#Gradient3dCelB[data-astro-cid-ffytox7g]{transform-origin:50%;animation:15s ease-in-out infinite cel}path[data-astro-cid-erimfw26]{fill:#f09;transition:all .25s}svg[data-astro-cid-erimfw26].play{& path:first-child{opacity:0}& path:last-child{opacity:1}}svg[data-astro-cid-erimfw26]{& path:first-child{opacity:1}& path:last-child{opacity:0}}article[data-astro-cid-haxtmvdq]{aspect-ratio:1;width:80px;height:80px;transform-style:preserve-3d;animation:5s cubic-bezier(.5,0,.5,1) infinite cb;& span{transform:rotatey(calc(90deg * var(--i))) translatez(40px);background:radial-gradient(#f090,#f094);border:12px solid #f092;outline:2px solid red;transition:all .3s;animation:3s cubic-bezier(.5,0,.5,1) infinite glw;position:absolute;inset:0}& span:first-child{transform:rotateX(90deg)translateZ(40px)}& span:last-child{transform:rotateX(270deg)translateZ(40px)}}@keyframes cb{0%{transform:rotateX(330deg)rotateY(40deg)}50%{transform:rotateX(-45deg)rotateY(415deg)}to{transform:rotateX(330deg)rotateY(40deg)}}#gal3d[data-astro-cid-espv53gw]{& .view{gap:16px;max-height:700px;display:flex;& .izq,& .der{border-radius:var(--brrr);border:1px solid #fff4;flex-flow:column;display:flex;overflow:hidden}& .izq{background:#0008;flex-flow:column;flex:40%;gap:16px;height:100%;padding:24px 32px;display:flex;& button{color:#000;cursor:pointer;background:#f09;border:none;border-radius:1.5rem;flex:0;place-content:center;place-items:center;gap:12px;max-height:48px;padding:8px 12px;font-weight:700;transition:all .3s;display:flex;& svg{fill:#000;width:32px;height:100%}&:disabled{pointer-events:none;opacity:.5}}& #m-sftw{text-align:center;background:#fff2;border:1px solid #fff5;border-radius:3rem;place-content:center;place-items:center;gap:16px;padding:12px;display:flex;& p{font-weight:500}& div{max-width:48px;display:none;& svg{width:100%}& p{user-select:none;pointer-events:none;opacity:0;background:#0006;border-radius:8px;outline:1px solid #fff4;place-self:center;padding:3px 6px;transition:all .3s;position:absolute;inset:-32px 50% auto auto;transform:translate(50%)}&:hover{& p{opacity:1}}}}& #m-sftw.Maya{& .Maya{display:block}}& #m-sftw.Max{& .Max{display:block;& p{width:240%}}}& #m-sftw.Blender{& .Blender{display:block}}}& .der{user-select:none;background:radial-gradient(#0002,#0008);flex:60%;height:600px;& #three{cursor:grab;opacity:1;transition:opacity .3s;width:100%!important;height:100%!important}& #controls,& #views{border-radius:var(--brrr);background:#fff2;outline:1px solid #fff5;padding:6px;display:flex;position:absolute}& #controls{gap:14px;height:42px;inset:auto 10px 10px;& #pp{cursor:pointer;padding:4px;left:6px}& #timeBar{border-radius:var(--brrr);cursor:not-allowed;background:#fff8;flex:1;place-self:center;height:8px;transition:all .25s}& #timeBar:after{content:"";width:20px;height:20px;top:-7px;left:var(--progress,0%);background:#f09;border-radius:50%;transition:background .25s;position:absolute}& #pose{text-align:center;border-radius:var(--brrr);color:#f09;cursor:pointer;background:#fff2;place-content:center;padding:0 12px;font-weight:600}& #pp.nan{cursor:not-allowed;& path{fill:#f004}}& #timeBar.nan{background:#f004}& #timeBar.nan:after{background:#800}}& #views{flex-flow:column;gap:8px;inset:50% 8px auto auto;transform:translateY(-50%);& button{cursor:pointer;width:28px;height:28px}& button.active{& .outline{fill:red}}}& #game{position:absolute;inset:16px auto auto 18px;& svg{height:52px;display:none}&.eva{& .EvangelionBattlefields{display:block}}&.xko{& .LOL{display:block}}}& #loading{opacity:0;pointer-events:none;user-select:none;transition:all .3s;position:absolute;inset:54% 50% auto auto;transform:translate(50%,-50%);&:after{content:attr(data-txt);pointer-events:none;user-select:none;text-align:center;width:200px;position:absolute;inset:-60px 50% auto auto;translate:50%}& article{animation-play-state:paused}}& #loading.on{opacity:1;& article{animation-play-state:running}}}& .der:has(#loading.on) #three{opacity:.3}}}#soft[data-astro-cid-espv53gw]{flex-flow:column;display:flex;& .arts{flex-wrap:wrap;place-content:center;place-items:flex-start;gap:16px;display:flex;& article{border-radius:var(--brrr);background:#0006;border:1px solid #fff2;flex-flow:column;flex:340px;gap:18px;padding:20px 24px;transition:all .2s;display:flex;& .box{place-content:center;gap:22px;display:flex;& svg{height:58px}& h2{transform:translateY(38%)}& h2:before{content:attr(data-lvl);color:#fff8;width:200%;font-size:.75rem;font-weight:700;position:absolute;top:-12px}}&:hover{border-color:#f09;transform:scale(1.02);box-shadow:0 0 24px #f092}&.off{opacity:.5;filter:grayscale();border:1px solid #fff2;&:hover{opacity:1;filter:none;box-shadow:none}}&:first-child{flex-flow:row;flex:630px;place-items:center;padding:32px;& .box{flex:.81}& p{border-left:1px solid #fff2;flex:1;padding-left:5%}}}}}@media (width>=1100px){#soft[data-astro-cid-espv53gw]{& .arts{& article{&:first-child{flex-flow:column;flex:340px;padding:16px 20px;& p{border:none;padding:0}}}}}}@media (width<=785px){#gal3d[data-astro-cid-espv53gw]{& .view{flex-flow:column;max-height:100%;& .izq{max-height:unset;flex:auto;& button{padding:8px 12px;font-size:1rem}& #m-sftw{gap:16px;& svg{max-width:38px}}}& .der{flex:600px}}}#soft[data-astro-cid-espv53gw]{& .arts{& article{&:first-child{flex-flow:column;flex:340px;& p{border:none;padding:0}}}}}}@media (width<=600px){#gal3d[data-astro-cid-espv53gw]{& .view{gap:10px;& .izq{gap:12px;padding:18px 20px;& button{gap:0;padding:6px 10px;font-size:.9rem;& svg{height:22px}}& #m-sftw{gap:12px;padding:4px;& svg{max-width:28px}}}& .der{flex:420px;& #controls,& #views{padding:4px}& #controls{height:32px;& #pp{padding:2px}& #pose{padding:3px 8px;font-size:.8rem}}& #views{& button{width:24px;height:24px}}& #game{& svg{height:36px}}& #loading{inset:50% 50% auto auto;scale:.65}}}}#soft[data-astro-cid-espv53gw]{& .arts{gap:12px;& article{flex:280px;gap:14px;padding:16px 18px;& .box{gap:16px;& h2:before{font-size:.6rem;top:-10px}& svg{height:40px}}&:first-child{flex-flow:column;flex:280px;padding:16px 18px;& p{border:none;padding:0}}}}}}@media (width<=400px){#gal3d[data-astro-cid-espv53gw]{& .view{& .izq{padding:12px 16px;& button{padding:4px 7px;font-size:.8rem;& svg{height:18px}}}}}}