[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(88px 0 7px 0);clip-path:inset(88px 0 7px 0)}6.6666666667%{-webkit-clip-path:inset(63px 0 20px 0);clip-path:inset(63px 0 20px 0)}10%{-webkit-clip-path:inset(62px 0 33px 0);clip-path:inset(62px 0 33px 0)}13.3333333333%{-webkit-clip-path:inset(49px 0 46px 0);clip-path:inset(49px 0 46px 0)}16.6666666667%{-webkit-clip-path:inset(60px 0 23px 0);clip-path:inset(60px 0 23px 0)}20%{-webkit-clip-path:inset(100px 0 1px 0);clip-path:inset(100px 0 1px 0)}23.3333333333%{-webkit-clip-path:inset(14px 0 23px 0);clip-path:inset(14px 0 23px 0)}26.6666666667%{-webkit-clip-path:inset(83px 0 11px 0);clip-path:inset(83px 0 11px 0)}30%{-webkit-clip-path:inset(66px 0 5px 0);clip-path:inset(66px 0 5px 0)}33.3333333333%{-webkit-clip-path:inset(81px 0 14px 0);clip-path:inset(81px 0 14px 0)}36.6666666667%{-webkit-clip-path:inset(69px 0 23px 0);clip-path:inset(69px 0 23px 0)}40%{-webkit-clip-path:inset(36px 0 31px 0);clip-path:inset(36px 0 31px 0)}43.3333333333%{-webkit-clip-path:inset(22px 0 11px 0);clip-path:inset(22px 0 11px 0)}46.6666666667%{-webkit-clip-path:inset(49px 0 29px 0);clip-path:inset(49px 0 29px 0)}50%{-webkit-clip-path:inset(59px 0 13px 0);clip-path:inset(59px 0 13px 0)}53.3333333333%{-webkit-clip-path:inset(97px 0 1px 0);clip-path:inset(97px 0 1px 0)}56.6666666667%{-webkit-clip-path:inset(58px 0 42px 0);clip-path:inset(58px 0 42px 0)}60%{-webkit-clip-path:inset(45px 0 17px 0);clip-path:inset(45px 0 17px 0)}63.3333333333%{-webkit-clip-path:inset(10px 0 66px 0);clip-path:inset(10px 0 66px 0)}66.6666666667%{-webkit-clip-path:inset(42px 0 28px 0);clip-path:inset(42px 0 28px 0)}70%{-webkit-clip-path:inset(31px 0 33px 0);clip-path:inset(31px 0 33px 0)}73.3333333333%{-webkit-clip-path:inset(47px 0 54px 0);clip-path:inset(47px 0 54px 0)}76.6666666667%{-webkit-clip-path:inset(82px 0 14px 0);clip-path:inset(82px 0 14px 0)}80%{-webkit-clip-path:inset(70px 0 3px 0);clip-path:inset(70px 0 3px 0)}83.3333333333%{-webkit-clip-path:inset(90px 0 5px 0);clip-path:inset(90px 0 5px 0)}86.6666666667%{-webkit-clip-path:inset(64px 0 13px 0);clip-path:inset(64px 0 13px 0)}90%{-webkit-clip-path:inset(67px 0 4px 0);clip-path:inset(67px 0 4px 0)}93.3333333333%{-webkit-clip-path:inset(32px 0 34px 0);clip-path:inset(32px 0 34px 0)}96.6666666667%{-webkit-clip-path:inset(17px 0 7px 0);clip-path:inset(17px 0 7px 0)}to{-webkit-clip-path:inset(95px 0 3px 0);clip-path:inset(95px 0 3px 0)}}@keyframes noise-2{0%{-webkit-clip-path:inset(36px 0 23px 0);clip-path:inset(36px 0 23px 0)}3.3333333333%{-webkit-clip-path:inset(63px 0 19px 0);clip-path:inset(63px 0 19px 0)}6.6666666667%{-webkit-clip-path:inset(69px 0 10px 0);clip-path:inset(69px 0 10px 0)}10%{-webkit-clip-path:inset(93px 0 6px 0);clip-path:inset(93px 0 6px 0)}13.3333333333%{-webkit-clip-path:inset(28px 0 3px 0);clip-path:inset(28px 0 3px 0)}16.6666666667%{-webkit-clip-path:inset(63px 0 35px 0);clip-path:inset(63px 0 35px 0)}20%{-webkit-clip-path:inset(29px 0 66px 0);clip-path:inset(29px 0 66px 0)}23.3333333333%{-webkit-clip-path:inset(17px 0 74px 0);clip-path:inset(17px 0 74px 0)}26.6666666667%{-webkit-clip-path:inset(45px 0 10px 0);clip-path:inset(45px 0 10px 0)}30%{-webkit-clip-path:inset(1px 0 67px 0);clip-path:inset(1px 0 67px 0)}33.3333333333%{-webkit-clip-path:inset(9px 0 83px 0);clip-path:inset(9px 0 83px 0)}36.6666666667%{-webkit-clip-path:inset(59px 0 23px 0);clip-path:inset(59px 0 23px 0)}40%{-webkit-clip-path:inset(79px 0 18px 0);clip-path:inset(79px 0 18px 0)}43.3333333333%{-webkit-clip-path:inset(11px 0 77px 0);clip-path:inset(11px 0 77px 0)}46.6666666667%{-webkit-clip-path:inset(42px 0 43px 0);clip-path:inset(42px 0 43px 0)}50%{-webkit-clip-path:inset(8px 0 20px 0);clip-path:inset(8px 0 20px 0)}53.3333333333%{-webkit-clip-path:inset(22px 0 71px 0);clip-path:inset(22px 0 71px 0)}56.6666666667%{-webkit-clip-path:inset(67px 0 9px 0);clip-path:inset(67px 0 9px 0)}60%{-webkit-clip-path:inset(16px 0 34px 0);clip-path:inset(16px 0 34px 0)}63.3333333333%{-webkit-clip-path:inset(100px 0 1px 0);clip-path:inset(100px 0 1px 0)}66.6666666667%{-webkit-clip-path:inset(63px 0 11px 0);clip-path:inset(63px 0 11px 0)}70%{-webkit-clip-path:inset(34px 0 66px 0);clip-path:inset(34px 0 66px 0)}73.3333333333%{-webkit-clip-path:inset(23px 0 71px 0);clip-path:inset(23px 0 71px 0)}76.6666666667%{-webkit-clip-path:inset(53px 0 25px 0);clip-path:inset(53px 0 25px 0)}80%{-webkit-clip-path:inset(53px 0 18px 0);clip-path:inset(53px 0 18px 0)}83.3333333333%{-webkit-clip-path:inset(25px 0 61px 0);clip-path:inset(25px 0 61px 0)}86.6666666667%{-webkit-clip-path:inset(21px 0 44px 0);clip-path:inset(21px 0 44px 0)}90%{-webkit-clip-path:inset(5px 0 52px 0);clip-path:inset(5px 0 52px 0)}93.3333333333%{-webkit-clip-path:inset(47px 0 13px 0);clip-path:inset(47px 0 13px 0)}96.6666666667%{-webkit-clip-path:inset(21px 0 2px 0);clip-path:inset(21px 0 2px 0)}to{-webkit-clip-path:inset(74px 0 8px 0);clip-path:inset(74px 0 8px 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%)}}