.scrolling-grid{padding:4rem 2rem}.scrolling-grid .heading{font-size:4.8rem;text-align:center;color:#000;margin-bottom:3rem;line-height:1.2;max-width:800px;margin-left:auto;margin-right:auto}@media screen and (max-width: 768px){.scrolling-grid .heading{font-size:calc(var(--font-heading-scale) * 3rem)}}.scrolling-grid .heading em{background:linear-gradient(to right,#5fe9ff,#bfc8f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block;padding-right:4px}.toggle-container{border-radius:32px;display:flex;justify-content:center;align-items:center;width:fit-content;height:60px;margin:32px auto 40px;padding:4px}.toggle-button{flex:1;height:100%;padding:8px 40px;border:none;background-color:transparent;color:#fdffff;cursor:pointer;border-radius:32px;transition:all .3s ease;z-index:0;font-weight:600;text-transform:uppercase}.toggle-button.active{background-color:#6d8b93;color:#0b1b1f;z-index:1}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-container{grid-template-columns:1fr}}.grid-item{grid-column-gap:16px;grid-row-gap:16px;border-radius:16px;flex-flow:column;padding:1rem;justify-content:flex-start;align-items:flex-start;display:flex;position:relative;overflow:hidden}.grid-item .content{transition:opacity .3s ease;padding:1.5rem}.grid-item .content.now{opacity:1;display:flex;flex-direction:column;gap:1rem}.grid-item .content.then,[data-current-state=then] .content.now{opacity:0;display:none}[data-current-state=then] .content.then{opacity:1;display:block}.grid-item-header{display:flex;gap:1rem;margin-bottom:1rem}.grid-item-header h3{color:#fff;margin:0}@media screen and (max-width: 767px){.header{font-size:16px}}@media screen and (min-width: 1280px){.header{font-size:19px}}.header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:150%;color:#fff;margin:0}@media screen and (max-width: 767px){.header h3{font-size:16px}}@media screen and (min-width: 1280px){.header h3{font-size:19px}}.icon{width:24px;height:24px;object-fit:contain;user-select:none;-webkit-user-select:none;pointer-events:none}.grid-item p{color:#ffffffb3;margin:0;line-height:1.5;font-weight:100}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-scrolling-grid.css.map */