.usecases-section{margin:6rem auto}.usecases-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:4rem}.usecases-header h2{max-width:var(--content-width-small)}.usecases-header h1{width:var(--content-width-small)}.usecases-section .category-tabs{display:flex;gap:16px;margin-bottom:40px;overflow:hidden;max-width:var(--content-width-normal);margin-left:auto;margin-right:auto}.usecases-section .category-tab{border:none;border-radius:18px;padding:20px 25px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;text-align:center;min-height:9rem}.usecases-section .category-tab:hover,.usecases-section .category-tab.active{background-color:#e1f4f6}.usecases-section .content-area{border-radius:24px;overflow:hidden;position:relative;height:460px;max-width:var(--content-width-large)}.usecases-section .content-item{display:none}.usecases-section .content-item.active{display:block}.usecases-section .content-image{object-fit:cover;position:relative}.usecases-section .content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to left,#0006,#000c);display:flex;color:rgb(var(--color-background));padding:40px;justify-content:center}.usecases-section .content-text{width:968px;opacity:0;transition:opacity .2s ease-in-out}.usecases-section .content-text.fade-in{opacity:1}.usecases-section .content-text h2{color:rgb(var(--color-background));max-width:484px}.usecases-section .content-text p{max-width:484px}.usecases-section .mobile-collapsible{display:none}.usecases-section .collapsible-item{border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}.usecases-section .collapsible-header{padding:1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.usecases-section .collapsible-header:hover,.usecases-section .collapsible-header.active{background-color:#e1f4f6}.usecases-section .collapsible-title{margin:0}.usecases-section .collapsible-icon{font-size:18px;color:silver}.usecases-section .collapsible-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.usecases-section .collapsible-inner{padding:20px;display:flex;flex-direction:column;align-items:center}.usecases-section .mobile-content-image{width:100%;height:auto;object-fit:cover;border-radius:8px;margin-bottom:20px}.usecases-section .mobile-content-text{width:100%;text-align:left}@media screen and (max-width:749px){.usecases-section{margin:12rem auto}}@media screen and (max-width:768px){.usecases-header h2,.usecases-header h1{max-width:90%}.usecases-section .category-tabs,.usecases-section .content-area{display:none}.usecases-section .mobile-collapsible{display:block;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/usecases.css.map */