{"version":3,"names":["kdxComparisonCardsCss","StComparisonCards","render","h","class","this","ariaLabel"],"sources":["src/layouts/kdx-comparison-cards/kdx-comparison-cards.scss?tag=kdx-comparison-cards","src/layouts/kdx-comparison-cards/kdx-comparison-cards.tsx"],"sourcesContent":[".kdx-comparison-cards {\r\n position: relative;\r\n\r\n .kdx-carousel.-cards-slider .glide__slides {\r\n padding: 30px 20px;\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n@include media-breakpoint-down(xl) {\r\n .kdx-comparison-cards {\r\n\r\n > .container-fluid {\r\n > .row {\r\n margin: 0 auto;\r\n max-width: none;\r\n \r\n [class^=\"col\"] {\r\n padding: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n@include media-breakpoint-down(lg) {\r\n .kdx-comparison-cards {\r\n\r\n .comparison-card { margin: 5px; }\r\n .content-wrap { padding: 0 30px; }\r\n .kdx-carousel {\r\n padding: 0 0 70px 0;\r\n\r\n &::before, &::after { display: none; }\r\n &.full-width.-cards-slider {\r\n .controls button {\r\n left: -48px;\r\n\r\n &.right-btn {\r\n left: auto;\r\n right: -48px;\r\n }\r\n }\r\n }\r\n &.-cards-slider .glide__slides { padding: 30px 0; }\r\n }\r\n }\r\n}","import { Component, h, ComponentInterface, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'kdx-comparison-cards',\r\n styleUrl: 'kdx-comparison-cards.scss',\r\n shadow: false\r\n})\r\nexport class StComparisonCards implements ComponentInterface {\r\n\r\n @Prop() componentScope: string;\r\n @Prop() ariaLabel: string;\r\n\r\n render() {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n}"],"mappings":"2CAAA,MAAMA,EAAwB,k7C,MCOjBC,EAAiB,M,gFAK5B,MAAAC,GACE,OACEC,EAAA,WAASC,MAAO,uBAAsB,aAAcC,KAAKC,WACvDH,EAAA,a"}