.event-gallery{width:100%;display:flex;flex-direction:column;gap:16px}.event-gallery__wrapper{width:100%}.event-gallery__content{display:flex;flex-direction:column}.event-gallery__content:has(.event-gallery__description){gap:0}.event-gallery__header{width:100%}.event-gallery__title{font-size:24px;font-weight:600;line-height:28px;margin:0}.event-gallery__description{font-size:18px;line-height:26px;color:var(--color-gray-zinc-300);margin-top:12px}.event-gallery__main{width:100%;display:flex;flex-direction:column}.event-gallery__main-image{position:relative;width:100%;height:240px;background:var(--color-gray-cool-200);border-radius:10px;overflow:hidden}.event-gallery__image{width:100%;height:100%;object-fit:cover;display:block}.event-gallery__pagination{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);border-radius:6px;padding:2px 6px;color:var(--white);font-size:12px;z-index:2}.event-gallery__nav-button--left,.event-gallery__nav-button--right{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;background:rgba(0,0,0,.7);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;z-index:2}.event-gallery__nav-button--left{left:12px}.event-gallery__nav-button--right{right:12px}.event-gallery__nav-arrow{color:var(--white);font-size:16px;line-height:1}.event-gallery__thumbnails{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%;max-width:none;margin-top:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;cursor:grab;touch-action:pan-x}.event-gallery__thumbnails::-webkit-scrollbar{display:none}.event-gallery__thumbnail{border:2px solid transparent;border-radius:4px;width:312px;flex-shrink:0;cursor:pointer;overflow:hidden;transition:border-color .3s ease;height:163px}.event-gallery__thumbnail img{height:100%;object-fit:cover;display:block;width:100%}.event-gallery__thumbnail--active{border-color:var(--primary)}@media (max-width:767px){.event-gallery__thumbnail{width:54px;height:95px;min-width:54px}.event-gallery__thumbnail--active{width:186px;min-width:186px}}@media (min-width:768px){.event-gallery{gap:32px}.event-gallery__thumbnails{gap:16px!important}.event-gallery__title{font-size:30px;line-height:30px}.event-gallery__main-image{height:656px}.event-gallery__nav-button--left,.event-gallery__nav-button--right{width:48px;height:48px}.event-gallery__nav-arrow{font-size:20px}.event-gallery__pagination{font-size:14px;padding:4px 8px}.event-gallery__thumbnail,.event-gallery__thumbnail--active{width:312px;height:163px;flex-shrink:0}}