.event-carousel{--ecar-pad: 16px;--ecar-rail: calc(max(0px, (100% - 1730px) / 2) + var(--ecar-pad));margin-top:36px;padding:32px 0;background:var(--ecar-bg, #f5f5f5);font-family:var(--font-event-family);line-height:normal;color:#111;-webkit-font-smoothing:antialiased}.event-carousel__header{max-width:1730px;margin:0 auto 24px;padding:0 var(--ecar-pad);display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.event-carousel__heading{display:flex;flex-direction:column;gap:6px}.event-carousel__title{margin:0;font-family:inherit;font-size:20px;font-weight:700;line-height:normal;letter-spacing:-.01em;text-transform:none;color:inherit}.event-carousel__subtitle{font-size:13.5px;color:#4a4a4a}.event-carousel__link{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#111;text-decoration:none;white-space:nowrap}.event-carousel__link:hover{color:#111}.event-carousel__wrapper{position:relative;display:block}.event-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px) / 2.2);column-gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:0 var(--ecar-rail);padding:0 var(--ecar-rail) 4px;scrollbar-width:none}.event-carousel__track::-webkit-scrollbar{display:none}.event-carousel__item{min-width:0;scroll-snap-align:start}.event-carousel__controls{display:none}@media(min-width:750px){.event-carousel{--ecar-pad: 24px}.event-carousel__track{grid-auto-columns:calc((100% - 36px) / 3.3)}}@media(min-width:1050px){.event-carousel{--ecar-pad: 48px;margin-top:56px;padding:44px 0 40px}.event-carousel__title{font-size:24px}.event-carousel__track{grid-auto-columns:calc((min(100vw,1730px) - 96px - 128px) / 4.6);column-gap:32px}.event-carousel__controls{max-width:1730px;margin:0 auto;padding:22px var(--ecar-pad) 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.event-carousel__progress{position:relative;flex:1;height:2px;background:#e0e0e0}.event-carousel__progress-fill{position:absolute;left:0;top:0;height:2px;width:12%;background:#111;transition:width .3s ease}.event-carousel__arrows{display:flex;flex:0 0 auto;gap:10px}.event-carousel__arrow{width:32px;height:32px;min-height:0;border-radius:50%;border:1px solid #cfcfcf;padding:0;background:#fff;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .18s ease}.event-carousel__arrow:hover{border-color:#111}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/section-cyber-product-carousel.css.map */