[data-controller=Generic--Showcase--isometricGrid--index]{--cardZInc:2em}[data-controller=Generic--Showcase--isometricGrid--index] .cards,[data-controller=Generic--Showcase--isometricGrid--index] .stack{transform-style:preserve-3d}[data-controller=Generic--Showcase--isometricGrid--index] .cards{--scroll:0%;transform:translateX(60%) rotateX(45deg) rotate(45deg) translateY(var(--scroll))}[data-controller=Generic--Showcase--isometricGrid--index] .stack.stack--active .top,[data-controller=Generic--Showcase--isometricGrid--index] .stack:hover .top{transform:translateZ(calc(var(--cardZInc)*4))}[data-controller=Generic--Showcase--isometricGrid--index] .stack.stack--active .mid-top,[data-controller=Generic--Showcase--isometricGrid--index] .stack:hover .mid-top{transform:translateZ(calc(var(--cardZInc)*3))}[data-controller=Generic--Showcase--isometricGrid--index] .stack.stack--active .mid-bottom,[data-controller=Generic--Showcase--isometricGrid--index] .stack:hover .mid-bottom{transform:translateZ(calc(var(--cardZInc)*2))}[data-controller=Generic--Showcase--isometricGrid--index] .stack.stack--active .bottom,[data-controller=Generic--Showcase--isometricGrid--index] .stack:hover .bottom{transform:translateZ(var(--cardZInc))}[data-controller=Generic--Showcase--isometricGrid--index] .stack.stack--active .shadow,[data-controller=Generic--Showcase--isometricGrid--index] .stack:hover .shadow{filter:blur(5px);-webkit-filter:blur(5px);opacity:.2}[data-controller=Generic--Showcase--isometricGrid--index] .card{box-shadow:inset -1px -1px 0 rgba(0,0,0,.2);color:#000;transition:transform .3s;width:100%}[data-controller=Generic--Showcase--isometricGrid--index] .top{transform:translateZ(4px);z-index:4}[data-controller=Generic--Showcase--isometricGrid--index] .mid-top{transform:translateZ(3px);z-index:3}[data-controller=Generic--Showcase--isometricGrid--index] .mid-bottom{transform:translateZ(2px);z-index:2}[data-controller=Generic--Showcase--isometricGrid--index] .bottom{transform:translateZ(1px);z-index:1}[data-controller~=Generic--Text--glass--index] .visually-hidden{left:-9999px;position:absolute;top:-9999px}[data-controller~=Generic--Text--glass--index] .textFitted{-webkit-filter:url(#text-glass-filter);filter:url(#text-glass-filter);text-align:center;text-shadow:0 0 .7px,0 0 1.1px,0 0 1.1px}[data-controller~=Generic--Text--glass--index] .textFitted:before{color:#036;content:attr(data-text);left:0;position:absolute;right:0;text-shadow:-1px -1px 1px,0 -1px 1px,1px -1px 1px,1px 0 1px,1px 1px 1px,0 1px 1px,-1px 1px 1px,-1px 0 1px;top:0}[data-controller~=Generic--Text--glass--index] .textFitted:after{color:rgba(40,80,120,.9);content:attr(data-text);-webkit-filter:url(#text-glass-light-filter);filter:url(#text-glass-light-filter);left:0;position:absolute;right:0;top:0}.glitch,.glow{animation:glitch 5s 5s infinite;background-color:rgba(0,0,0,.2)}.glow{text-shadow:0 0 1000px #dfbfbf}.glitch:before,.glow:before{animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite;left:-2px;text-shadow:-5px 0 #f0f}.glitch:after,.glitch:before,.glow:after,.glow:before{content:attr(data-text);overflow:hidden;position:absolute;top:0}.glitch:after,.glow:after{animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite;left:2px;text-shadow:-5px 0 #90ee90}@keyframes glitch{1%{transform:rotateX(10deg) skewX(90deg)}2%{transform:rotateX(0deg) skewX(0deg)}}@keyframes noise-1{3.3333333333%{-webkit-clip-path:inset(41px 0 1px 0);clip-path:inset(41px 0 1px 0)}6.6666666667%{-webkit-clip-path:inset(84px 0 15px 0);clip-path:inset(84px 0 15px 0)}10%{-webkit-clip-path:inset(62px 0 36px 0);clip-path:inset(62px 0 36px 0)}13.3333333333%{-webkit-clip-path:inset(63px 0 15px 0);clip-path:inset(63px 0 15px 0)}16.6666666667%{-webkit-clip-path:inset(47px 0 1px 0);clip-path:inset(47px 0 1px 0)}20%{-webkit-clip-path:inset(15px 0 60px 0);clip-path:inset(15px 0 60px 0)}23.3333333333%{-webkit-clip-path:inset(21px 0 43px 0);clip-path:inset(21px 0 43px 0)}26.6666666667%{-webkit-clip-path:inset(48px 0 13px 0);clip-path:inset(48px 0 13px 0)}30%{-webkit-clip-path:inset(44px 0 33px 0);clip-path:inset(44px 0 33px 0)}33.3333333333%{-webkit-clip-path:inset(30px 0 67px 0);clip-path:inset(30px 0 67px 0)}36.6666666667%{-webkit-clip-path:inset(80px 0 1px 0);clip-path:inset(80px 0 1px 0)}40%{-webkit-clip-path:inset(18px 0 27px 0);clip-path:inset(18px 0 27px 0)}43.3333333333%{-webkit-clip-path:inset(91px 0 5px 0);clip-path:inset(91px 0 5px 0)}46.6666666667%{-webkit-clip-path:inset(46px 0 46px 0);clip-path:inset(46px 0 46px 0)}50%{-webkit-clip-path:inset(29px 0 58px 0);clip-path:inset(29px 0 58px 0)}53.3333333333%{-webkit-clip-path:inset(99px 0 2px 0);clip-path:inset(99px 0 2px 0)}56.6666666667%{-webkit-clip-path:inset(76px 0 20px 0);clip-path:inset(76px 0 20px 0)}60%{-webkit-clip-path:inset(29px 0 64px 0);clip-path:inset(29px 0 64px 0)}63.3333333333%{-webkit-clip-path:inset(65px 0 14px 0);clip-path:inset(65px 0 14px 0)}66.6666666667%{-webkit-clip-path:inset(6px 0 65px 0);clip-path:inset(6px 0 65px 0)}70%{-webkit-clip-path:inset(83px 0 2px 0);clip-path:inset(83px 0 2px 0)}73.3333333333%{-webkit-clip-path:inset(41px 0 59px 0);clip-path:inset(41px 0 59px 0)}76.6666666667%{-webkit-clip-path:inset(82px 0 11px 0);clip-path:inset(82px 0 11px 0)}80%{-webkit-clip-path:inset(98px 0 2px 0);clip-path:inset(98px 0 2px 0)}83.3333333333%{-webkit-clip-path:inset(68px 0 26px 0);clip-path:inset(68px 0 26px 0)}86.6666666667%{-webkit-clip-path:inset(100px 0 1px 0);clip-path:inset(100px 0 1px 0)}90%{-webkit-clip-path:inset(88px 0 13px 0);clip-path:inset(88px 0 13px 0)}93.3333333333%{-webkit-clip-path:inset(77px 0 17px 0);clip-path:inset(77px 0 17px 0)}96.6666666667%{-webkit-clip-path:inset(81px 0 13px 0);clip-path:inset(81px 0 13px 0)}to{-webkit-clip-path:inset(5px 0 59px 0);clip-path:inset(5px 0 59px 0)}}@keyframes noise-2{0%{-webkit-clip-path:inset(83px 0 3px 0);clip-path:inset(83px 0 3px 0)}3.3333333333%{-webkit-clip-path:inset(18px 0 18px 0);clip-path:inset(18px 0 18px 0)}6.6666666667%{-webkit-clip-path:inset(61px 0 16px 0);clip-path:inset(61px 0 16px 0)}10%{-webkit-clip-path:inset(82px 0 11px 0);clip-path:inset(82px 0 11px 0)}13.3333333333%{-webkit-clip-path:inset(50px 0 42px 0);clip-path:inset(50px 0 42px 0)}16.6666666667%{-webkit-clip-path:inset(91px 0 10px 0);clip-path:inset(91px 0 10px 0)}20%{-webkit-clip-path:inset(37px 0 17px 0);clip-path:inset(37px 0 17px 0)}23.3333333333%{-webkit-clip-path:inset(96px 0 5px 0);clip-path:inset(96px 0 5px 0)}26.6666666667%{-webkit-clip-path:inset(13px 0 49px 0);clip-path:inset(13px 0 49px 0)}30%{-webkit-clip-path:inset(46px 0 7px 0);clip-path:inset(46px 0 7px 0)}33.3333333333%{-webkit-clip-path:inset(100px 0 1px 0);clip-path:inset(100px 0 1px 0)}36.6666666667%{-webkit-clip-path:inset(58px 0 37px 0);clip-path:inset(58px 0 37px 0)}40%{-webkit-clip-path:inset(97px 0 3px 0);clip-path:inset(97px 0 3px 0)}43.3333333333%{-webkit-clip-path:inset(59px 0 14px 0);clip-path:inset(59px 0 14px 0)}46.6666666667%{-webkit-clip-path:inset(78px 0 8px 0);clip-path:inset(78px 0 8px 0)}50%{-webkit-clip-path:inset(25px 0 29px 0);clip-path:inset(25px 0 29px 0)}53.3333333333%{-webkit-clip-path:inset(18px 0 38px 0);clip-path:inset(18px 0 38px 0)}56.6666666667%{-webkit-clip-path:inset(2px 0 33px 0);clip-path:inset(2px 0 33px 0)}60%{-webkit-clip-path:inset(25px 0 55px 0);clip-path:inset(25px 0 55px 0)}63.3333333333%{-webkit-clip-path:inset(73px 0 21px 0);clip-path:inset(73px 0 21px 0)}66.6666666667%{-webkit-clip-path:inset(7px 0 4px 0);clip-path:inset(7px 0 4px 0)}70%{-webkit-clip-path:inset(47px 0 22px 0);clip-path:inset(47px 0 22px 0)}73.3333333333%{-webkit-clip-path:inset(66px 0 18px 0);clip-path:inset(66px 0 18px 0)}76.6666666667%{-webkit-clip-path:inset(76px 0 9px 0);clip-path:inset(76px 0 9px 0)}80%{-webkit-clip-path:inset(45px 0 9px 0);clip-path:inset(45px 0 9px 0)}83.3333333333%{-webkit-clip-path:inset(52px 0 49px 0);clip-path:inset(52px 0 49px 0)}86.6666666667%{-webkit-clip-path:inset(18px 0 81px 0);clip-path:inset(18px 0 81px 0)}90%{-webkit-clip-path:inset(37px 0 59px 0);clip-path:inset(37px 0 59px 0)}93.3333333333%{-webkit-clip-path:inset(3px 0 84px 0);clip-path:inset(3px 0 84px 0)}96.6666666667%{-webkit-clip-path:inset(10px 0 65px 0);clip-path:inset(10px 0 65px 0)}to{-webkit-clip-path:inset(92px 0 6px 0);clip-path:inset(92px 0 6px 0)}}.scanlines{mix-blend-mode:difference;overflow:hidden}.scanlines:before{animation:fudge 7s ease-in-out infinite alternate;background:repeating-linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.05) .5%,transparent 1%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fudge{0%{transform:translate(0)}to{transform:translateY(2%)}}