{"version":3,"file":"CarTileSkeleton-f191e457.js","sources":["../../src/components/skeletons/CarTileSkeleton.vue"],"sourcesContent":["<template>\r\n  <div class=\"car-tile-skeleton\">\r\n    <div class=\"car-tile-skeleton__hero-container\">\r\n      <div class=\"car-tile-skeleton__hero-img pulse\"></div>\r\n    </div>\r\n\r\n    <div class=\"car-tile-skeleton__title\"></div>\r\n    <div class=\"car-tile-skeleton__badge-container\">\r\n      <div class=\"car-tile-skeleton__badge-list pulse\"></div>\r\n    </div>\r\n\r\n    <div class=\"car-tile-skeleton__feature-container\">\r\n      <div class=\"car-tile-skeleton__emissions-container pulse\"></div>\r\n\r\n      <div class=\"car-tile-skeleton__costs-container pulse\"></div>\r\n    </div>\r\n\r\n    <div class=\"car-tile-skeleton__detail-container\">\r\n      <div class=\"car-tile-skeleton__detail-left pulse\"></div>\r\n      <div class=\"car-tile-skeleton__detail-right pulse\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.car-tile-skeleton {\r\n  border-radius: 4px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0px 0px 3px $racq-black-border;\r\n  width: 440px;\r\n  height: 589px;\r\n}\r\n\r\n.car-tile-skeleton__hero-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n}\r\n\r\n.car-tile-skeleton__hero-img {\r\n  width: 100%;\r\n  height: 234px;\r\n  border-radius: 4px 4px 0px 0px;\r\n}\r\n\r\n.car-tile-skeleton__title {\r\n  font-family: $firasans-regular-font;\r\n  font-size: 1.5rem;\r\n  padding: 0 1rem 1rem 1rem;\r\n  background-color: $racq-pale-blue;\r\n}\r\n\r\n.car-tile-skeleton__badge-container {\r\n  background-color: $racq-pale-blue;\r\n  padding: 0 1rem 1rem 1rem;\r\n}\r\n\r\n.car-tile-skeleton__badge-list {\r\n  height: 2.5rem;\r\n  width: 100%;\r\n  border-radius: 0.5rem;\r\n  color: $racq-dark-grey;\r\n  border-color: $racq-pale-blue-border;\r\n  background-color: $racq-true-white;\r\n}\r\n\r\n.car-tile-skeleton__feature-container {\r\n  display: flex;\r\n  gap: 18px;\r\n  padding: 18px 18px 0 18px;\r\n}\r\n\r\n.car-tile-skeleton__emissions-container,\r\n.car-tile-skeleton__costs-container {\r\n  display: flex;\r\n  color: $racq-navy;\r\n  font-size: 1rem;\r\n  font-family: $firasans-regular-font;\r\n  box-shadow: 0px 0px 3px $racq-black-border;\r\n  border-radius: 4px;\r\n  height: 35px;\r\n  width: 100%;\r\n  gap: 7px;\r\n  align-items: center;\r\n}\r\n\r\n.car-tile-skeleton__detail-container {\r\n  display: flex;\r\n  height: 100%;\r\n  gap: 18px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.car-tile-skeleton__detail-container {\r\n  display: flex;\r\n  gap: 18px;\r\n  margin-top: 8px;\r\n}\r\n\r\n.car-tile-skeleton__detail-left,\r\n.car-tile-skeleton__detail-right {\r\n  height: 160px;\r\n  width: 50%;\r\n  margin: 1.25rem;\r\n}\r\n</style>\r\n"],"names":["_hoisted_7","_sfc_render","_ctx","_cache"],"mappings":"q7BAIUA,EAAA,IAHR,SAAAC,EAAAC,EAAAC,EAAA"}