<script setup lang="ts">
import SpecialItemsCard from '@/components/IntimacyPower/SpecialItemsCard.vue'
import StandardItemsCard from '@/components/IntimacyPower/StandardItemsCard.vue'
import SummaryCard from '@/components/IntimacyPower/SummaryCard.vue'
</script>

<template>
  <v-sheet class="d-flex flex-wrap flex-fill">
    <StandardItemsCard class="ma-2 align-self-start"/>
    <SpecialItemsCard class="ma-2 align-self-start"/>
    <SummaryCard class="ma-2 align-self-start" />
  </v-sheet>
</template>

<style lang="scss" scoped>
@use "@/styles/settings.scss";
:deep(tbody) tr:nth-of-type(even) {
  background-color: rgba(var(--v-theme-primary-darken-1), 0.25);
}
</style>
