.device-bundling-list{width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}@media (min-width:1024px){.device-bundling-list{padding-left:80px;padding-right:80px}}.device-bundling-list__container{margin:1.5rem auto 4rem;max-width:1440px;position:relative}.device-bundling-list__header{padding-left:1rem;padding-right:1rem;text-align:center}@media (min-width:1024px){.device-bundling-list__header{padding-left:0;padding-right:0}}.device-bundling-list__title{font-family:TelkomselBatikSans,system-ui,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(24 28 33/var(--tw-text-opacity,1));letter-spacing:-.2px}@media(min-width:768px){.device-bundling-list__title{font-size:24px;line-height:32px}}@media(min-width:1024px){.device-bundling-list__title{font-size:32px;letter-spacing:-.32px;line-height:40px}}.device-bundling-list__subtitle{color:#757f90;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:-.12px;line-height:16px}@media(min-width:768px){.device-bundling-list__subtitle{font-size:16px;line-height:24px}}@media(min-width:1024px){.device-bundling-list__subtitle{font-size:24px;letter-spacing:-.24px;line-height:32px}}.device-bundling-list__content{position:relative;z-index:1}.device-bundling-list__cards-and-controls-wrapper{height:-moz-max-content;height:max-content;left:50%;position:relative;top:0;width:100%;z-index:10;--tw-translate-x:-50%;padding-left:1rem;padding-right:1rem;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))}@media (min-width:1024px){.device-bundling-list__cards-and-controls-wrapper{bottom:30.5px;max-width:1248px;padding-left:27px;padding-right:27px;position:absolute;top:80px}}.device-bundling-list__background{border-radius:1.5rem;bottom:0;display:block;height:345px;left:0;margin-left:1rem;margin-right:1rem;margin-top:184px;overflow:hidden;position:absolute;right:0;z-index:0}@media (min-width:1024px){.device-bundling-list__background{margin-top:301px;position:relative}}.device-bundling-list__bg-gradient{border-radius:1.5rem;inset:0;margin-left:auto;margin-right:auto;position:absolute}@media (min-width:1024px){.device-bundling-list__bg-gradient{max-width:1280px}}.device-bundling-list__bg-gradient{background:url(/frontend-modern/src/assets/img/revamp/device-bundling-background.svg) 50%/cover no-repeat}.device-bundling-list__carousel-controls{align-items:center;display:flex;gap:1rem}.device-bundling-list__arrow{align-items:center;border-radius:9999px;border-style:none;cursor:pointer;display:none;justify-content:center;padding:0}@media (min-width:1024px){.device-bundling-list__arrow{display:flex}}.device-bundling-list__arrow-icon{display:block;flex-shrink:0;height:20px;width:20px}@media(min-width:1024px){.device-bundling-list__arrow-icon{height:24px;width:24px}}.device-bundling-list__cards-wrapper{bottom:0;margin-left:0;margin-right:0;overflow:hidden;padding:2.5rem 9px 2rem;position:relative;z-index:10}@media (min-width:768px){.device-bundling-list__cards-wrapper{padding-left:1rem;padding-right:1rem}}@media (min-width:1024px){.device-bundling-list__cards-wrapper{margin:0;padding:4rem 5px 0;top:0}}.device-bundling-list__track{cursor:grab;display:flex;gap:.75rem;overflow:visible;touch-action:pan-y;transition:transform .3s ease-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media(min-width:768px){.device-bundling-list__track{gap:16px}}@media(min-width:1024px){.device-bundling-list__track{gap:16px;padding-left:0;padding-right:0}}.device-bundling-list__track.is-dragging{cursor:grabbing;transition:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.device-bundling-list__loading{padding-bottom:3rem;padding-top:3rem}.device-bundling-list__skeleton-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.device-bundling-list__skeleton-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.device-bundling-list__skeleton-grid{gap:16px;grid-template-columns:repeat(4,1fr)}}.device-bundling-list__empty{padding-bottom:4rem;padding-top:4rem}@media (min-width:1024px){.device-bundling-list__empty{padding-bottom:6rem;padding-top:6rem}}@media (min-width:1200px){.device-bundling-list__empty{padding-bottom:8rem;padding-top:8rem}}.device-bundling-list__empty-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;--tw-text-opacity:1;color:rgb(153 160 167/var(--tw-text-opacity,1))}.device-bundling-list__empty-icon{height:3rem;opacity:.3;width:3rem}@media (min-width:1024px){.device-bundling-list__empty-icon{height:4rem;width:4rem}}.device-bundling-list__empty-text{font-family:Poppins,system-ui,sans-serif;font-size:.875rem;font-weight:400;line-height:1.25rem;text-align:center}@media (min-width:1024px){.device-bundling-list__empty-text{font-size:1rem;line-height:1.5rem}}.device-bundling-list__card{border-radius:1rem;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);flex-shrink:0;height:auto;overflow:visible;width:calc(50% - 6px)}@media(min-width:768px){.device-bundling-list__card{height:auto;width:calc(33.33333% - 10.66667px)}}@media(min-width:1024px){.device-bundling-list__card{height:100%;width:calc(25% - 12px)}}.device-bundling-list__card.simpati{box-shadow:0 0 24px rgba(237,2,38,.15)}.device-bundling-list__card.halo{box-shadow:0 0 24px rgba(0,26,65,.149)}.device-bundling-list__card-image{align-items:center;border-bottom:2px solid;border-image-slice:1;border-radius:1rem 1rem 0 0;display:flex;height:166px;justify-content:center;overflow:hidden}.device-bundling-list__card-image.simpati{border-image-source:linear-gradient(90deg,rgba(250,124,85,0) 0,rgba(242,33,54,.2) 10%,rgba(153,1,30,.5) 50%,rgba(242,33,54,.2) 90%,rgba(250,124,85,0))}.device-bundling-list__card-image.halo{border-image-source:linear-gradient(90deg,rgba(250,124,85,0) 0,rgba(0,69,149,.2) 10%,rgba(0,69,149,.6) 50%,rgba(0,69,149,.2) 90%,rgba(0,69,149,0))}@media(min-width:768px){.device-bundling-list__card-image{height:218px}}@media(min-width:1024px){.device-bundling-list__card-image{height:214px}}.device-bundling-list__card-image.simpati{border-image-source:linear-gradient(90deg,rgba(250,124,85,0),rgba(242,33,54,.2) 10%,rgba(153,1,30,.5) 50%,rgba(242,33,54,.2) 90%,rgba(250,124,85,0))}.device-bundling-list__card-image.halo{border-image-source:linear-gradient(90deg,rgba(250,124,85,0),rgba(0,69,149,.2) 10%,rgba(0,69,149,.6) 50%,rgba(0,69,149,.2) 90%,rgba(0,69,149,0))}.device-bundling-list__device-image{height:100%;position:relative;width:100%}.device-bundling-list__device-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.device-bundling-list__card-info{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}@media (min-width:1024px){.device-bundling-list__card-info{padding:1rem}}@media (min-width:1200px){.device-bundling-list__card-info{gap:.75rem;padding:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}}.device-bundling-list__card-info{border-radius:0 0 16px 16px}@media(min-width:1024px){.device-bundling-list__card-info{border-radius:0 0 1rem 1rem}}.device-bundling-list__card-info.simpati{background:linear-gradient(44.2deg,rgba(237,2,38,.2) 4.4871%,hsla(0,0%,100%,0) 79.515%)}.device-bundling-list__card-info.halo{background:linear-gradient(44.2deg,rgba(0,26,65,.2) 4.4871%,hsla(0,0%,100%,0) 79.515%)}.device-bundling-list__merchant{align-items:center;display:flex;flex-direction:column;gap:4px}@media(min-width:1024px){.device-bundling-list__merchant{gap:8px}}.device-bundling-list__logo{align-items:center;border-radius:9999px;display:flex;justify-content:center;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));height:20px;width:auto}@media(min-width:1024px){.device-bundling-list__logo{height:24px}}.device-bundling-list__logo-img{height:20px;-o-object-fit:contain;object-fit:contain;width:auto}@media(min-width:1024px){.device-bundling-list__logo-img{height:24px}}.device-bundling-list__device-name{color:#181c21;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.14px;line-height:20px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.device-bundling-list__device-name{font-size:14px;line-height:22px}}@media(min-width:1024px){.device-bundling-list__device-name{font-size:16px;letter-spacing:-.16px;line-height:24px}}.device-bundling-list__price-block{align-items:center;display:flex;flex-direction:column;gap:0;text-align:center}.device-bundling-list__price-original{color:#757f90;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-decoration-line:line-through}@media(min-width:768px){.device-bundling-list__price-original{font-size:12px;line-height:18px}}@media(min-width:1024px){.device-bundling-list__price-original{font-size:14px;letter-spacing:-.14px;line-height:20px}}.device-bundling-list__price-prefix{color:#757f90;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:400;letter-spacing:-.12px;line-height:16px}@media(min-width:768px){.device-bundling-list__price-prefix{font-size:12px;line-height:18px}}@media(min-width:1024px){.device-bundling-list__price-prefix{font-size:14px;letter-spacing:-.14px;line-height:20px}}.device-bundling-list__price-final{color:#ed0226;font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:-.14px;line-height:20px}@media(min-width:768px){.device-bundling-list__price-final{font-size:14px;line-height:22px}}@media(min-width:1024px){.device-bundling-list__price-final{font-size:16px;letter-spacing:-.16px;line-height:24px}}.device-bundling-list__cta{align-items:center;border-radius:9999px;display:flex;justify-content:center;padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:1024px){.device-bundling-list__cta{padding-bottom:.5rem;padding-top:.5rem}}@media (min-width:1200px){.device-bundling-list__cta{padding:.75rem 1rem}}.device-bundling-list__cta{background-color:var(--cta-bg-color,#ed0226);transition:background-color .2s ease,transform .2s ease}.device-bundling-list__cta:active{transform:scale(.98)}.device-bundling-list__cta-text{font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:-.12px;line-height:16px;white-space:nowrap}@media(min-width:768px){.device-bundling-list__cta-text{font-size:12px;line-height:18px}}@media(min-width:1024px){.device-bundling-list__cta-text{font-size:16px;letter-spacing:-.16px;line-height:24px}}.device-bundling-list__ribbon{align-items:flex-start;display:flex;flex-direction:column;left:-3px;pointer-events:none;position:absolute;top:-9px;z-index:10}.device-bundling-list__ribbon-body{align-items:center;background-color:#001a41;border-radius:8px 8px 8px 0;display:flex;justify-content:center;min-height:22px;min-width:65px;overflow:clip;padding:4px 8px}@media(min-width:1024px){.device-bundling-list__ribbon-body{min-height:36px;min-width:95px;padding:6px 12px}}.device-bundling-list__ribbon-text{font-family:Poppins,system-ui,sans-serif;font-weight:600;white-space:nowrap;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:10px;letter-spacing:-.1px;line-height:14px}@media(min-width:1024px){.device-bundling-list__ribbon-text{font-size:14px;letter-spacing:-.14px;line-height:20px}}.device-bundling-list__ribbon-tail{display:block;height:15px;margin-top:-4px;position:relative;width:8px}@media(min-width:1024px){.device-bundling-list__ribbon-tail{width:12px}}.device-bundling-list__controls{align-items:center;bottom:26px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;margin-top:.75rem;padding-top:0;position:relative;width:100%;z-index:20}@media (min-width:1024px){.device-bundling-list__controls{bottom:-113px;gap:1rem;margin-top:2rem}}@media (min-width:1200px){.device-bundling-list__controls{align-items:center;display:flex;flex-direction:column;gap:1rem;left:0;margin-left:auto;margin-right:auto;margin-top:0;position:absolute;right:0}}.device-bundling-list__pagination{align-items:center;background-color:hsla(0,0%,100%,.25);border-radius:.5rem;border-radius:9999px;display:flex;gap:2px;justify-content:center;padding:2px}.device-bundling-list__pagination-button{background-color:hsla(0,0%,100%,.6);border:none;border-radius:16px;cursor:pointer;display:block;height:4px;padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:4px}@media(min-width:1024px){.device-bundling-list__pagination-button{height:8px;width:8px}}.device-bundling-list__pagination-button.is-active{background-color:#fff!important;height:4px;margin:0 2px;width:11px}@media(min-width:1024px){.device-bundling-list__pagination-button.is-active{height:8px;width:22px}}.device-bundling-list__view-all{align-items:center;border:1px solid #fff;border-radius:9999px;display:flex;display:inline-flex;gap:8px;justify-content:center;margin:0 auto;min-width:-moz-fit-content;min-width:fit-content;padding:8px 16px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}@media(min-width:1024px){.device-bundling-list__view-all{gap:8px;padding:12px 48px}}.device-bundling-list__view-all-text{font-family:Poppins,system-ui,sans-serif;font-weight:600;white-space:nowrap;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:12px;letter-spacing:-.12px;line-height:16px}@media(min-width:1024px){.device-bundling-list__view-all-text{font-size:16px;line-height:24px}}.device-bundling-list__view-all-icon{flex-shrink:0;height:16px;width:16px}@media(min-width:1024px){.device-bundling-list__view-all-icon{height:24px;width:24px}}