.hover-text-container .tile-title{max-height:4em}.hover-text-container .tile-title,.hover-text-container>.hover-text{transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:clip}.hover-text-container>.hover-text{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);max-height:0}@media(max-width:768px){.hover-text-container:hover>.tile-title.has-hover-text{max-height:0}}.hover-text-container:hover>.hover-text{max-height:4rem;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@media(max-width:768px){.hover-text-container:hover>.hover-text{transition-duration:.7s;max-height:11rem}}.hover-text-container.title-on-hover>.tile-title{max-height:0}.hover-text-container.title-on-hover:hover>.tile-title{max-height:4em}.life-tiles{--color-fg-text:#00000;--color-fg:#262626;--color-fg-sec:#464646;--color-fg-trd:#999;--color-bg:#fff;--color-bg-sec:#f3f3f3}