@use '../../styles/tools'
@use './variables' as *

@include tools.layer('components')
  .v-date-picker-years
    height: $date-picker-years-height
    overflow-y: scroll

  .v-date-picker-years__content
    display: grid
    flex: 1 1
    justify-content: space-around
    grid-template-columns: repeat(var(--v-date-picker-years-columns, 3), 1fr)
    gap: 8px 24px
    padding-inline: $date-picker-years-padding-inline

    .v-btn
      padding-inline: 8px
