{"version":3,"file":"Dtnb_iYD.js","sources":["../../../../components/common/Logo.vue"],"sourcesContent":["<script lang=\"ts\">\r\ntype Props = {\r\n  alt: string;\r\n  theme?: 'dark' | 'light';\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  theme: 'dark',\r\n});\r\n\r\nconst {\r\n  public: { cdnUrl },\r\n} = useRuntimeConfig();\r\n\r\nconst color = props.theme === 'dark' ? 'light' : 'dark';\r\nconst src = `${cdnUrl}/images/redesign/logos/logo-${color}.svg`;\r\n</script>\r\n\r\n<template>\r\n  <img class=\"logo\" width=\"96\" height=\"41\" :src=\"src\" :alt=\"alt\" />\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.logo {\r\n  --custom-logo-width: 6rem;\r\n\r\n  width: var(--custom-logo-width);\r\n\r\n  will-change: width;\r\n\r\n  @media only screen and (min-width: 576px) {\r\n    --custom-logo-width: 6.75rem;\r\n  }\r\n\r\n  @media screen and (min-width: 992px) {\r\n    --custom-logo-width: 7.5rem;\r\n  }\r\n}\r\n</style>\r\n"],"names":["props","__props","cdnUrl","useRuntimeConfig","color","src"],"mappings":"gJAQA,MAAMA,EAAQC,EAIR,CACJ,OAAQ,CAAE,OAAAC,CAAO,GACfC,EAAiB,EAEfC,EAAQJ,EAAM,QAAU,OAAS,QAAU,OAC3CK,EAAM,GAAGH,CAAM,+BAA+BE,CAAK"}