<template>
  <section class="fdScrollbar">
    <slot/>
  </section>
</template>
<script>
export default {
  name: "fdScrollbar",
  data() {
    return {}
  },
  methods: {},
}
</script>
<style scoped lang="scss">
.fdScrollbar {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  margin-right: -5px;
  position: relative;

  &::-webkit-scrollbar {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-radius: 6px;
  }

  &:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #0C3A55;
  }
}
</style>
