.image-carousel .carousel-nav,.image-carousel .carousel-nav:hover,.image-carousel .carousel-nav:focus,.image-carousel .carousel-nav:active{animation:none!important;transition:none!important;transform:none!important;scale:1!important}.image-carousel{position:relative;overflow:hidden}.image-carousel-header{margin-bottom:4rem;text-align:center}.image-carousel-heading{margin-bottom:1rem;color:rgb(var(--color-foreground))}.image-carousel-subheading{margin:0;color:rgba(var(--color-foreground),.7);font-size:1.8rem;line-height:1.4}.image-carousel-subheading.image-carousel-subheading--small{font-size:1.2rem!important}.image-carousel-subheading.image-carousel-subheading--medium{font-size:1.6rem!important}.image-carousel-subheading.image-carousel-subheading--large{font-size:2rem!important}.image-carousel-subheading.image-carousel-subheading--extra-large{font-size:2.4rem!important}@media screen and (min-width: 750px){.image-carousel-subheading.image-carousel-subheading--small{font-size:1.4rem!important}.image-carousel-subheading.image-carousel-subheading--medium{font-size:1.8rem!important}.image-carousel-subheading.image-carousel-subheading--large{font-size:2.2rem!important}.image-carousel-subheading.image-carousel-subheading--extra-large{font-size:2.6rem!important}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.events-carousel-container{position:relative;max-width:100%;margin:0 auto;display:block!important;width:100%!important}.image-carousel .carousel-nav-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative}.carousel-track-container{overflow:hidden;border-radius:1.2rem;margin-bottom:2rem;margin-top:0}.image-carousel .carousel-nav{position:relative!important;background:#e4e2df!important;border:2px solid #c5c4c0!important;border-radius:50%!important;width:2.8rem!important;height:2.8rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:none!important;transform:none!important;z-index:3!important;box-shadow:0 2px 8px #0003!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.image-carousel .carousel-nav:hover,.image-carousel .carousel-nav:focus,.image-carousel .carousel-nav:active{background:#e4e2df!important;border:2px solid #c5c4c0!important;transform:none!important;box-shadow:0 2px 8px #0003!important;transition:none!important;scale:1!important;opacity:1!important}.image-carousel .carousel-nav--prev .icon{transform:rotate(-90deg)!important}.image-carousel .carousel-nav--next .icon{transform:rotate(90deg)!important}.image-carousel .carousel-nav .icon{width:1.6rem!important;height:1.6rem!important;color:#000!important;fill:#000!important;transition:none!important;display:block!important;opacity:1!important}.image-carousel .carousel-nav svg{width:1.6rem!important;height:1.6rem!important;display:block!important;opacity:1!important;fill:#000!important;color:#000!important}.image-carousel .carousel-nav .icon path{fill:#000!important;color:#000!important;transition:none!important;opacity:1!important}.image-carousel .carousel-nav path{fill:#000!important;color:#000!important;opacity:1!important}.carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;transition:transform .5s cubic-bezier(.25,.46,.45,.94);transform:translate(0)}@media screen and (max-width: 749px){.carousel-track{transition:transform .3s ease-out}}.carousel-slide{position:relative;width:25%!important;flex:0 0 25%!important;display:block!important;padding:0 .5rem;box-sizing:border-box!important}.event-slide{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border-radius:1.2rem;overflow:hidden;box-shadow:0 4px 12px rgba(var(--color-shadow),.1)}.event-slide:hover{transform:translateY(-.5rem);box-shadow:0 8px 25px rgba(var(--color-shadow),.15)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:3;box-shadow:0 4px 12px #0000004d}.carousel-nav:hover{background:#000000e6;border:2px solid rgba(255,255,255,.5);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0006}.carousel-nav--prev{left:2rem}.carousel-nav--next{right:2rem}.carousel-nav .arrow-icon{font-size:3rem;font-weight:700;color:#fff;line-height:1}.image-carousel .carousel-indicators{display:flex;justify-content:space-between;gap:.5rem;margin-top:2rem;width:100%}@media screen and (max-width: 749px){.image-carousel .indicator--mobile{display:block!important}.image-carousel .indicator--desktop{display:none!important}}@media screen and (min-width: 750px){.image-carousel .indicator--mobile{display:none!important}.image-carousel .indicator--desktop{display:block!important}.image-carousel .carousel-track{transform:translate(0)!important;transition:transform .5s cubic-bezier(.25,.46,.45,.94)!important}}.image-carousel .carousel-indicators .indicator{flex:1!important;height:3px!important;border-radius:1.5px!important;border:none!important;background:rgba(var(--color-foreground),.3)!important;cursor:pointer;transition:all .3s ease}.image-carousel .carousel-indicators .indicator:hover,.image-carousel .carousel-indicators .indicator--active{background:rgb(var(--color-foreground))!important;transform:none!important}.event-image-wrapper{position:relative;width:100%;height:280px;overflow:hidden;background:#f5f5f5;border-radius:8px}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-column:hover .event-image{transform:scale(1.05)}.event-description-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:3rem 2rem 2rem;transform:translateY(0);transition:transform .3s ease;opacity:1}.event-description-overlay h3{margin:0 0 .5rem;font-size:1.8rem;line-height:1.3;font-weight:600;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.7)}.event-description-overlay p{margin:0;font-size:1.6rem;line-height:1.4;font-weight:500;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5)}.event-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2147483647!important;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box}.event-modal-content{position:relative;background:#fff;border-radius:1.2rem;max-width:85vw;max-height:90vh;width:100%;max-width:900px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.event-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10001;box-shadow:0 4px 12px #0000004d}.event-modal-close:hover{background:#000000e6;border:2px solid rgba(255,255,255,.5);transform:scale(1.1);box-shadow:0 6px 20px #0006}.event-modal-close .close-icon{font-size:2.5rem;font-weight:400;color:#fff;line-height:1}.event-modal-body{height:auto;max-height:90vh;overflow-y:auto}.event-modal-scroll-container{max-height:90vh;overflow-y:auto}.event-modal-item{margin-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:2rem}.event-modal-item:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.event-modal-content-wrapper{display:flex;flex-direction:column;gap:0}.event-modal-description{text-align:center;padding:2rem 3rem;background-color:#fff;border-bottom:none}.event-modal-description p{margin:0;font-size:2rem;line-height:1.6;color:#000;font-weight:500}.event-modal-main-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;height:450px;margin-bottom:3rem}.modal-main-image{width:100%;height:100%;object-fit:cover}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10002;box-shadow:0 4px 12px #0000004d}.modal-nav:hover{background:#000000e6;border:2px solid rgba(255,255,255,.5);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0006}.modal-nav--prev{left:1rem}.modal-nav--next{right:1rem}.modal-nav .arrow-icon{font-size:3rem;font-weight:700;color:#fff;line-height:1}.event-modal-thumbnails{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:0 3rem 2rem}.modal-thumbnail{width:6rem;height:6rem;border-radius:.4rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.modal-thumbnail.active{border-color:rgb(var(--color-foreground))}.modal-thumbnail img{width:100%;height:100%;object-fit:cover}.modal-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.event-modal-image-container{position:relative;width:100%}.modal-image-counter{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:1.4rem;font-weight:500;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:10}@media screen and (max-width: 749px){.modal-image-counter{font-size:1.2rem;padding:.4rem .8rem;bottom:.8rem;right:.8rem}}@media screen and (max-width: 749px){.image-carousel .carousel-nav .icon{width:1.4rem!important;height:1.4rem!important;color:#000!important;fill:#000!important}.image-carousel .carousel-nav .icon path{fill:#000!important;color:#000!important}.image-carousel-header{margin-bottom:3rem}.image-carousel .carousel-nav-container{margin-bottom:2rem!important}.carousel-track-container{overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important}.carousel-track-container::-webkit-scrollbar{display:none!important}.carousel-slide,.event-slide{flex:0 0 calc(100vw - 1.5rem)!important;padding:0 .75rem!important;width:calc(100vw - 1.5rem)!important;min-width:calc(100vw - 1.5rem)!important;max-width:calc(100vw - 1.5rem)!important;box-sizing:border-box!important;scroll-snap-align:start!important}.carousel-track{display:flex!important;flex-wrap:nowrap!important;transform:none!important;transition:none!important;width:calc((100vw - 1.5rem) * var(--total-slides))!important;min-width:max-content!important}.events-carousel-container{width:100%!important;max-width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}.carousel-track-container{margin-left:-.75rem!important;margin-right:-.75rem!important;width:calc(100% + 1.5rem)!important}.image-carousel{padding-left:1.5rem!important;padding-right:1.5rem!important}.event-slide .event-image-wrapper,.event-slide .event-content{margin-right:1.5rem!important}.image-carousel .carousel-slide .event-image-wrapper,.image-carousel .event-slide .event-image-wrapper,.carousel-slide .event-image-wrapper,.event-slide .event-image-wrapper{height:250px!important;width:100%!important;overflow:hidden!important;max-height:250px!important}.image-carousel .carousel-slide .event-image,.image-carousel .event-slide .event-image,.image-carousel .carousel-slide .event-image-wrapper .event-image.mobile-contain,.image-carousel .event-image-wrapper .event-image.mobile-contain,.carousel-slide .event-image,.event-slide .event-image,.event-image,.event-image.mobile-contain{width:100%!important;height:100%!important;max-height:250px!important;object-fit:cover!important;object-position:center!important}.carousel-nav{width:4rem;height:4rem}.carousel-nav--prev{left:1rem}.carousel-nav--next{right:1rem}.carousel-nav .arrow-icon{font-size:2.5rem}.event-image-wrapper{height:280px}.image-carousel .event-image-wrapper .event-image.mobile-contain,.image-carousel .carousel-slide .event-image-wrapper .event-image.mobile-contain,.image-carousel .mobile-contain{object-fit:contain!important;object-position:center!important;background:#f8f8f8!important;display:block!important;visibility:visible!important;opacity:1!important}.image-carousel .carousel-slide,.image-carousel .event-image{display:block!important;visibility:visible!important;opacity:1!important}.event-description-overlay{padding:2rem 1.5rem 1.5rem}.event-description-overlay h3{font-size:1.6rem!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.8)!important;margin-bottom:.3rem}.event-description-overlay p{font-size:1.4rem;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.6)!important}.event-modal{padding:1rem}.event-modal-content-wrapper{gap:0}.event-modal-description{padding:1.5rem 2rem;background-color:#fff}.event-modal-thumbnails{padding:0 2rem 1.5rem}.event-modal-main-image{height:250px;margin-bottom:2rem}.event-modal-description p{font-size:1.6rem;color:#000}.modal-thumbnail{width:4rem;height:4rem}.modal-nav{width:3rem;height:3rem}.modal-nav .svg-wrapper svg{width:1.5rem;height:1.5rem}}@media screen and (min-width: 750px) and (max-width: 989px){.carousel-image-wrapper{height:400px}}@media screen and (min-width: 990px){.image-carousel-header{margin-bottom:5rem}.carousel-image-wrapper{height:600px}.image-carousel-subheading{font-size:2rem}}@media (prefers-reduced-motion: reduce){.carousel-track,.carousel-image,.image-description-overlay,.carousel-nav,.indicator{transition:none}.carousel-slide:hover .carousel-image{transform:none}}body.mobile-menu-open .carousel-nav,body.mobile-menu-open .carousel-indicators{visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;transition:opacity .2s ease,visibility .2s ease!important}body .carousel-track,html .carousel-track,.template-article .carousel-track,.article-template .carousel-track,.blog .carousel-track,.article .carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important}body .carousel-slide,html .carousel-slide,.template-article .carousel-slide,.article-template .carousel-slide,.blog .carousel-slide,.article .carousel-slide{width:25%!important;flex:0 0 25%!important;display:block!important;box-sizing:border-box!important;float:none!important;clear:none!important}body .events-carousel-container,html .events-carousel-container,.template-article .events-carousel-container,.article-template .events-carousel-container{display:block!important;width:100%!important}body .carousel-track-container,html .carousel-track-container,.template-article .carousel-track-container,.article-template .carousel-track-container{overflow:hidden!important;width:100%!important}@media screen and (max-width: 749px){body .carousel-slide,html .carousel-slide,.template-article .carousel-slide,.article-template .carousel-slide,.blog .carousel-slide,.article .carousel-slide{width:50%!important;flex:0 0 50%!important}.image-carousel .carousel-slide,.image-carousel .events-carousel-container .carousel-slide,body .image-carousel .carousel-slide,html .image-carousel .carousel-slide,.image-carousel .carousel-track-container{overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;margin-left:-.75rem!important;margin-right:-.75rem!important;width:calc(100% + 1.5rem)!important}.image-carousel .carousel-track-container::-webkit-scrollbar{display:none!important}.image-carousel .carousel-track{display:flex!important;flex-wrap:nowrap!important;transform:none!important;transition:none!important;min-width:max-content!important}}.image-carousel .events-carousel-container .carousel-track-container .carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important}@media screen and (min-width: 750px){.image-carousel .events-carousel-container .carousel-track-container .carousel-track{transform:translate(0)!important;transition:transform .5s cubic-bezier(.25,.46,.45,.94)!important}}.image-carousel .events-carousel-container .carousel-track-container .carousel-track .carousel-slide{width:25%!important;flex:0 0 25%!important;display:block!important;box-sizing:border-box!important;float:none!important;clear:none!important;margin:0!important}@media screen and (min-width: 750px){.page-width--narrow .image-carousel,.page-width.page-width--narrow .image-carousel,.article-template .image-carousel,.template-article .image-carousel,body[class*=template-article] .image-carousel,body[class*=template-blog] .image-carousel{max-width:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}}@media screen and (max-width: 749px){.page-width--narrow .image-carousel,.page-width.page-width--narrow .image-carousel,.article-template .image-carousel,.template-article .image-carousel,body[class*=template-article] .image-carousel,body[class*=template-blog] .image-carousel{max-width:none!important;width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}}.page-width--narrow .image-carousel .events-carousel-container,.page-width.page-width--narrow .image-carousel .events-carousel-container,.article-template .image-carousel .events-carousel-container,.template-article .image-carousel .events-carousel-container,body[class*=template-article] .image-carousel .events-carousel-container,body[class*=template-blog] .image-carousel .events-carousel-container,.page-width--narrow .image-carousel .carousel-track-container,.page-width.page-width--narrow .image-carousel .carousel-track-container,.article-template .image-carousel .carousel-track-container,.template-article .image-carousel .carousel-track-container,body[class*=template-article] .image-carousel .carousel-track-container,body[class*=template-blog] .image-carousel .carousel-track-container{max-width:none!important;width:100%!important}.article-template section.image-carousel,.template-article section.image-carousel,body[class*=template-article] section.image-carousel,body[class*=template-blog] section.image-carousel{position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important;max-width:100vw!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}@media screen and (min-width: 750px){[class*=template-article] .section.image-carousel,[class*=template-blog] .section.image-carousel,body[class*=article] .section.image-carousel,body[class*=blog] .section.image-carousel{position:relative!important;width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding:36px 1.5rem!important;box-sizing:border-box!important;overflow:visible!important}}@media screen and (max-width: 749px){[class*=template-article] .section.image-carousel,[class*=template-blog] .section.image-carousel,body[class*=article] .section.image-carousel,body[class*=blog] .section.image-carousel{position:relative!important;width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;padding:0 1.5rem!important;box-sizing:border-box!important;overflow:visible!important}}[class*=template-article] .section.image-carousel .events-carousel-container,[class*=template-blog] .section.image-carousel .events-carousel-container,body[class*=article] .section.image-carousel .events-carousel-container,body[class*=blog] .section.image-carousel .events-carousel-container{width:100%!important;max-width:100%!important;margin:0!important;position:relative!important;overflow:visible!important}[class*=template-article] .section.image-carousel .carousel-track,[class*=template-blog] .section.image-carousel .carousel-track,body[class*=article] .section.image-carousel .carousel-track,body[class*=blog] .section.image-carousel .carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;margin:0!important;padding:0!important}[class*=template-article] .section.image-carousel .carousel-slide,[class*=template-blog] .section.image-carousel .carousel-slide,body[class*=article] .section.image-carousel .carousel-slide,body[class*=blog] .section.image-carousel .carousel-slide{width:25%!important;flex:0 0 25%!important;display:block!important;float:none!important;position:relative!important;margin:0!important;box-sizing:border-box!important}@media screen and (max-width: 749px){[class*=template-article] .section.image-carousel .carousel-slide,[class*=template-blog] .section.image-carousel .carousel-slide,body[class*=article] .section.image-carousel .carousel-slide,body[class*=blog] .section.image-carousel .carousel-slide{width:50%!important;flex:0 0 50%!important}}body.template-article .section.image-carousel,.template-article .section.image-carousel,[class*=klpd-merdeka] .section.image-carousel{position:relative!important;width:100vw!important;max-width:100vw!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;padding:36px 1.5rem!important;box-sizing:border-box!important;overflow:visible!important}body.template-article .section.image-carousel .events-carousel-container,.template-article .section.image-carousel .events-carousel-container,[class*=klpd-merdeka] .section.image-carousel .events-carousel-container{width:100%!important;max-width:100%!important;position:relative!important;left:0!important;right:0!important;margin:0 auto!important}.carousel-full-width{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 1.5rem!important;box-sizing:border-box!important}@media screen and (min-width: 750px){.carousel-article-override{position:relative!important;width:100vw!important;max-width:100vw!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}}@media screen and (max-width: 749px){.carousel-article-override{position:relative!important;width:100vw!important;max-width:100vw!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;padding-left:1.5rem!important;padding-right:1.5rem!important;box-sizing:border-box!important}}.carousel-article-override .events-carousel-container{width:100%!important;max-width:100%!important;margin:0 auto!important}.carousel-article-override .carousel-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important}.carousel-article-override .carousel-slide{width:25%!important;flex:0 0 25%!important;display:block!important;box-sizing:border-box!important}@media screen and (max-width: 749px){.carousel-article-override .carousel-slide{width:50%!important;flex:0 0 50%!important}}.carousel-nav:focus,.indicator:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.carousel-nav:focus:not(:focus-visible),.indicator:focus:not(:focus-visible){outline:none}@media (forced-colors: active){.carousel-nav{border:2px solid}.indicator--active{background:highlight}}.carousel-image[loading]{background:rgba(var(--color-foreground),.1)}.carousel-slide.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-image-carousel.css.map */