flyonui/components/stack.css

The easiest, free and open-source Tailwind CSS component library with semantic classes.

/*! 🚀 flyonui 2.4.0 - MIT License */ @layer utilities{.stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}@media (width>=640px){.sm\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.sm\:stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.sm\:stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.sm\:stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.sm\:stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.sm\:stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.sm\:stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.sm\:stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.sm\:stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.sm\:stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.sm\:stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.sm\:stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.sm\:stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.sm\:stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.sm\:stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.sm\:stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.sm\:stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.sm\:stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.sm\:stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.sm\:stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.sm\:stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}}@media (width>=768px){.md\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.md\:stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.md\:stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.md\:stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.md\:stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.md\:stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.md\:stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.md\:stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.md\:stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.md\:stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.md\:stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.md\:stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.md\:stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.md\:stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.md\:stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.md\:stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.md\:stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.md\:stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.md\:stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.md\:stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.md\:stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}}@media (width>=1024px){.lg\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.lg\:stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.lg\:stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.lg\:stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.lg\:stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.lg\:stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.lg\:stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.lg\:stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.lg\:stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.lg\:stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.lg\:stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.lg\:stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.lg\:stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.lg\:stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.lg\:stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.lg\:stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.lg\:stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.lg\:stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.lg\:stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.lg\:stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.lg\:stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}}@media (width>=1280px){.xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.xl\:stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.xl\:stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.xl\:stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.xl\:stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.xl\:stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.xl\:stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.xl\:stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.xl\:stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.xl\:stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.xl\:stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.xl\:stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.xl\:stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.xl\:stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.xl\:stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.xl\:stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.xl\:stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.xl\:stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.xl\:stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.xl\:stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.xl\:stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}}@media (width>=1536px){.\32 xl\:stack{place-items:flex-end center;display:inline-grid;&>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}&>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}&>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}}.\32 xl\:stack-bottom-start>*{z-index:1;transform:translateY(14%)scale(.9)translate(-14%)}.\32 xl\:stack-bottom-start>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(-7%)}.\32 xl\:stack-bottom-end>*{z-index:1;transform:translateY(14%)scale(.9)translate(14%)}.\32 xl\:stack-bottom-end>:nth-child(2){z-index:2;transform:translateY(7%)scale(.95)translate(7%)}.\32 xl\:stack-start>*{z-index:1;transform:translate(-14%)scale(.9)}.\32 xl\:stack-start>:nth-child(2){z-index:2;transform:translate(-7%)scale(.95)}.\32 xl\:stack-end>*{z-index:1;transform:translate(14%)scale(.9)}.\32 xl\:stack-end>:nth-child(2){z-index:2;transform:translate(7%)scale(.95)}.\32 xl\:stack-top>*{z-index:1;transform:translateY(-14%)scale(.9)}.\32 xl\:stack-top>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)}.\32 xl\:stack-top-start>*{z-index:1;transform:translateY(-14%)scale(.9)translate(-14%)}.\32 xl\:stack-top-start>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(-7%)}.\32 xl\:stack-top-end>*{z-index:1;transform:translateY(-14%)scale(.9)translate(14%)}.\32 xl\:stack-top-end>:nth-child(2){z-index:2;transform:translateY(-7%)scale(.95)translate(7%)}.\32 xl\:stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(0%)}.\32 xl\:stack-top.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)}.\32 xl\:stack-bottom-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(-7%)}.\32 xl\:stack-bottom-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(7%)scale(1)translate(7%)}.\32 xl\:stack-top-start.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(-7%)}.\32 xl\:stack-top-end.stack-animated:hover>*{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);transform:translateY(-7%)scale(1)translate(7%)}}}