[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=GoodMoodAppCom--Native--Page--SetCookie--default] .loader{animation:l9-0 2s infinite;background:linear-gradient(#000 0 0) 0,linear-gradient(#000 0 0) 100%;background-origin:border-box;background-repeat:no-repeat;border-left:5px solid #0000;border-right:5px solid #0000;font-family:monospace;font-size:17px;font-weight:700;line-height:1.4;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[data-controller=GoodMoodAppCom--Native--Page--SetCookie--default] .loader:before{content:"Loading"}[data-controller=GoodMoodAppCom--Native--Page--SetCookie--default] .loader:after{animation:l9-1 2s infinite;background:linear-gradient(90deg,#000 4px,#0000 0 calc(100% - 4px),#000 0) bottom /22px 20px,linear-gradient(90deg,red 4px,#0000 0 calc(100% - 4px),red 0) bottom 10px left 0/22px 6px,linear-gradient(#000 0 0) bottom 3px left 0 /22px 8px,linear-gradient(#000 0 0) bottom 0 left 50%/8px 16px;background-repeat:no-repeat;content:"";height:60px;left:0;position:absolute;top:100%;width:22px}@keyframes l9-0{0%,25%{background-size:50% 100%}25.1%,75%{background-size:0 0,50% 100%}75.1%,to{background-size:0 0,0 0}}@keyframes l9-1{25%{background-position:bottom,bottom 54px left 0,bottom 3px left 0,bottom 0 left 50%;left:0}25.1%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:0}50%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}75%{background-position:bottom,bottom 54px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}75.1%{background-position:bottom,bottom 10px left 0,bottom 3px left 0,bottom 0 left 50%;left:calc(100% - 22px)}}