.product-carousel{border-radius:20px;margin:2rem auto;max-width:1440px;overflow:hidden;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:1024px){.product-carousel{padding-left:5rem;padding-right:5rem}}.product-carousel__wrapper{border-radius:25px;margin:0;max-width:1280px;position:relative;width:100%;--tw-bg-opacity:1;background-color:rgb(62 67 72/var(--tw-bg-opacity,1));padding:0}.product-carousel__top-title{display:flex;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:400;justify-content:center;letter-spacing:-.01em;line-height:1.25rem;margin-bottom:2rem;margin-top:2rem;text-align:center;vertical-align:middle;width:100%}.product-carousel__top-title span{width:80%}@media(min-width:768px){.product-carousel__top-title span{display:block;font-size:1.5rem;line-height:2rem;margin-left:0;margin-right:0;width:42%}}.product-carousel__header{align-items:center;background-image:url(/themes/custom/telkomsel/assets/img/revamp/product/bg-top-games.svg);background-size:cover;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;height:3.5rem;justify-content:space-between;padding:.5rem 10px;position:relative;width:100%}.product-carousel__header-layer-bg{background:linear-gradient(180deg,rgba(24,28,33,0),#181c21);bottom:0;height:100%;left:0;position:absolute;width:100%}.product-carousel__header-left{align-items:center;display:flex;gap:.75rem;left:1.25rem;position:absolute}.product-carousel__header-left img{height:2rem;width:2rem}.product-carousel__header-icon{flex-shrink:0;height:1.5rem;width:1.5rem;--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}@media (min-width:1024px){.product-carousel__header-icon{height:1.75rem;width:1.75rem}}.product-carousel__title{font-family:Poppins,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.product-carousel__title{font-size:1.25rem;line-height:1.75rem}}.product-carousel__view-all{font-family:Poppins,system-ui,sans-serif;font-size:.875rem;line-height:1.25rem;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:1024px){.product-carousel__view-all{font-size:1rem;line-height:1.5rem}}.product-carousel__view-all{color:var(--Text-Inverted-Secondary,hsla(0,0%,100%,.502))}.product-carousel__header-right{align-items:center;display:flex;position:absolute;right:15px}.product-carousel__arrows{align-items:center;display:flex;gap:.5rem}.product-carousel__arrow{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-carousel__arrow:hover{background-color:hsla(0,0%,100%,.2)}.product-carousel__arrow svg{height:1rem;width:1rem}.product-carousel__arrow:hover{background:hsla(0,0%,100%,.2)}.product-carousel__arrow:active{--tw-scale-x:0.95;--tw-scale-y:0.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.product-carousel__splide{overflow:hidden;padding:1.25rem;position:relative}@media (min-width:1024px){.product-carousel__splide{padding-left:50px;padding-right:50px}}.product-carousel__splide{background:linear-gradient(180deg,#181c21 50.09%,rgba(24,28,33,.5));border-bottom-left-radius:25px;border-bottom-right-radius:25px}.product-carousel__splide .splide__track{align-self:center;cursor:grab;margin:auto;max-width:343px;overflow:hidden;position:relative;width:100%}@media(max-width:767px){.product-carousel__splide .splide__track{margin:0 auto;max-width:343px}}@media(min-width:768px){.product-carousel__splide .splide__track{margin:0;max-width:100%}}.product-carousel__splide .splide__track:active{cursor:grabbing}.product-carousel__splide .splide__list{display:flex;width:100%}.product-carousel__splide .splide__slide{display:flex;flex-shrink:0;height:auto!important;max-width:100%!important;overflow:hidden;width:100%!important}.product-carousel__grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;width:100%}@media(min-width:640px){.product-carousel__grid{gap:.75rem}}@media(min-width:768px){.product-carousel__grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.product-carousel__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.product-carousel__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.product-carousel__card{border-radius:.125rem;display:block;overflow:hidden;position:relative;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:95px}@media(max-width:767px){.product-carousel__card{aspect-ratio:4/5.5}}@media(min-width:768px){.product-carousel__card{aspect-ratio:1/1.3;border-radius:.75rem;width:180px}.product-carousel__card:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.product-carousel__card-image{align-items:center;border-radius:24px;display:flex;justify-content:center;position:relative}@media(min-width:768px){.product-carousel__card-image{height:180px;width:180px}}.product-carousel__card-image img{-o-object-fit:cover;object-fit:cover}@media(max-width:767px){.product-carousel__card-image img{border-radius:12px;height:95px;width:95px}}@media(min-width:768px){.product-carousel__card-image img{border-radius:12px;height:100%;width:100%}}.product-carousel__card-title{font-family:Poppins,system-ui,sans-serif;font-weight:600;line-height:1.25;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(max-width:767px){.product-carousel__card-title{font-size:10px;padding:.5rem}}@media(min-width:768px){.product-carousel__card-title{bottom:0;font-size:.875rem;left:0;line-height:1.25rem;padding:1rem;position:absolute;right:0;text-align:center}}.product-carousel__controls{margin-top:.75rem;position:relative;z-index:20}@media (min-width:1024px){.product-carousel__controls{margin-top:1rem}}.product-carousel__dots-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.product-carousel__dots-backdrop{background-color:hsla(0,0%,100%,.2);border-radius:9999px;padding:.25rem;--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.product-carousel__dots{align-items:center;display:flex;gap:.25rem}@media (min-width:1024px){.product-carousel__dots{gap:.375rem}}.product-carousel__dot{background-color:hsla(0,0%,100%,.6);border-radius:9999px;cursor:pointer;height:.375rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.375rem}.product-carousel__dot--active{width:1rem}.product-carousel__dot--active,.product-carousel__dot:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}