{"version":3,"file":"View.lzQoFt6d.js","sources":["../../../../components/Nav/Pill/View.vue"],"sourcesContent":["<script setup lang=\"ts\">\n</script>\n\n<template>\n  <div class=\"nav-pill\">\n    <slot />\n  </div>\n</template>\n\n<style lang=\"sass\">\n@import '~/assets/styles/generated/variables.sass'\n\n// TODO: adding a backdrop filter here doesn't work with chrome, which only allows one layer\n// of backdrop filters, so find another way to implement this? Or make the dropdown a\n// sibling rather than a child\n.nav-pill\n  app-region: no-drag\n  box-shadow: 0px 0px 10px 0px rgba(15, 15, 15, 0.75)\n  @apply bg-[#{$pill-bg-default}] outline-[#{$pill-b-outline}] h-[#{$pill-h-default}] p-[#{$pill-m-button}] pointer-events-auto flex items-center justify-center outline rounded-full z-navigation-layer outline-1\n\n  &> div.pill-item + div.pill-item\n    @apply -ml-1.5\n</style>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"oZAIE,SAAAA,EAAAC,EAAAC,EAAA,QACUC,EAAA,EAAAC,EAAA,MAAAC,EAAA"}