.template-container{display:flex;flex-direction:column;align-items:stretch}.template-header-container{display:flex;flex-direction:row;align-items:flex-start;gap:60px}.template-details-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 1}.template-details-container .template-icon{width:80px;height:80px;border-radius:8px;object-fit:cover;margin:30px 0}.template-details-container .template-name{margin-bottom:8px}.template-details-container .template-description{font-family:Light}.template-content-container{margin-bottom:30px}.template-screenshot-container{overflow:hidden;padding:60px 90px}.template-screenshot-container img{object-fit:cover;min-width:100%;min-height:100%}.template-mini-apps-blurb{font-family:RRegular;font-size:1.2rem;margin:30px 0;padding:30px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;gap:30px}.template-mini-apps-blurb-details{display:flex;flex-direction:column;flex:1 1;align-items:flex-start}.template-mini-apps-blurb strong{font-family:RBold}.template-mini-apps-blurb img{width:100px;height:100px}.template-case-studies-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:60px;gap:60px;margin:60px 0}.template-case-studies-header{margin-top:120px;text-align:center}.template-case-studies-header h2{margin-bottom:8px;line-height:1}.template-collection-container h1{margin-bottom:8px}.template-collection-container h2{margin-bottom:8px;font-family:Light;font-size:1.4rem}.template-collection-hero{width:600px;height:400px}.template-collection-list-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:45px;gap:45px}.template-collection-item{display:flex;flex-direction:row;align-items:center;gap:30px;padding:30px;cursor:pointer;color:var(--text-color);border-radius:8px;transition:.3s}.template-collection-item:hover{text-decoration:none;background-color:var(--background-hover-color)}.template-collection-item-thumbnail{width:60px;height:120px;position:absolute;left:2px;top:150px;transition:.5s;transition-delay:0s}.template-collection-item h3{font-family:HRegular;font-size:1.1rem;margin-bottom:4px;color:var(--text-color)}.template-collection-item-details{display:flex;flex-direction:column;align-items:flex-start;font-size:.8rem;color:var(--soft-text-color);flex:1 1}.template-collection-item-icon{width:60px;height:60px;border-radius:8px;transition:.4s;opacity:1;transition-delay:.1s}.template-collection-image-wrapper{width:60px;height:120px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.template-collection-item:hover .template-collection-item-icon{opacity:0;transition-delay:0s}.template-collection-item:hover .template-collection-item-thumbnail{top:0;transition-delay:.1s}.template-collection-header{display:flex;flex-direction:row;align-items:flex-start;gap:90px;margin-bottom:60px;margin-top:30px}.template-collection-header video{width:100%;filter:hue-rotate(9deg) saturate(114%) brightness(106%)}.template-video-container{background-color:#dbf6f6;width:45%;border-radius:8px;overflow:hidden}.template-collection-header-details{flex:1 1}.template-collection-header-mini-apps{background-color:var(--background-hover-color);border-radius:8px;padding:30px;font-family:HRegular;display:flex;flex-direction:row;align-items:center;gap:30px;margin:45px 0}.template-collection-header-mini-apps-details{display:flex;flex-direction:column;align-items:flex-start;flex:1 1}.template-collection-header-mini-apps-icon{width:120px;height:120px}@media screen and (max-width:1100px){.template-collection-header{flex-direction:column;gap:0;margin-bottom:30px}.template-collection-header-details,.template-video-container{width:100%}.template-collection-header-mini-apps-icon{height:80px;width:80px}.template-collection-list-container{grid-template-columns:1fr;gap:15px}.template-header-container{flex-direction:column}.template-screenshot-container{padding:15px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.template-screenshot-container .phone-mock-container{zoom:.8}.template-case-studies-container{grid-template-columns:1fr}}