[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}