.applications-module>.title{color:var(--color-base)}.applications-module .applications{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));row-gap:40px;column-gap:20px;position:relative}.applications-module .application{display:flex;flex-flow:column nowrap;align-items:center;cursor:pointer}.applications-module .application .title{font-size:14px;text-align:center;margin-top:10px}.applications-module .application .description{display:none;text-align:center;margin-top:20px}.applications-module .application .image-wrapper{position:relative;height:0;width:100%;padding-top:56.25%}.applications-module .application .image-wrapper>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.applications-module .application-popout{flex-flow:column nowrap;align-items:center;position:absolute;left:calc(50% - 150px);width:300px;z-index:-1;background-color:#fff;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:ease;transform:scale(0.5);opacity:0;pointer-events:none}.applications-module .application-popout.active{display:flex;transform:scale(1);opacity:1;cursor:default;z-index:501}.applications-module .application-popout.active .title{color:var(--color-primary);font-weight:500;font-size:16px;margin-top:20px}.applications-module .application-popout.active .description{display:unset}.applications-module .application-popout .image-wrapper>.cross{position:absolute;top:15px;right:20px;box-shadow:0px 3px 25px rgba(0,0,0,0.05);cursor:pointer}.applications-module .underlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#4f4f4f;opacity:.5;z-index:500}.applications-module .underlay.active{display:flex}@media(max-width:340px){.applications-module .application-popout{left:0;width:100%}}