.months-grid-wrapper[data-v-9249cdec]{position:relative}.months-grid-wrapper[data-v-9249cdec]:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000,#fff);height:2em;transition:opacity .15s;position:absolute;bottom:0;left:0;right:0}.months-grid-wrapper.has-more-below[data-v-9249cdec]:after{opacity:1}.months-grid[data-v-9249cdec]{grid-template-columns:repeat(2,1fr);gap:.6em;max-height:10em;padding-bottom:.15em;display:grid;overflow-y:auto}@media (width>=980px){.months-grid[data-v-9249cdec]{grid-template-columns:repeat(auto-fit,minmax(7em,1fr))}}.month-chip[data-v-9249cdec]{border:2px solid var(--colour-page-background);box-shadow:none;color:var(--colour-dark-blue);cursor:pointer;text-align:center;background:#fff;border-radius:.6em;flex-direction:column;align-items:center;gap:.1em;margin:0;padding:.4em;transition:background .15s,border-color .15s,color .15s;display:flex}.month-chip[data-v-9249cdec]:active{box-shadow:none;transform:none}.month-chip.selected[data-v-9249cdec]{background:var(--colour-dark-blue);border-color:var(--colour-dark-blue);color:#fff}@media (hover:hover){.month-chip[data-v-9249cdec]:not(.selected):hover{background:var(--colour-page-background-light)}}.month-chip[data-v-9249cdec]:focus-visible{outline:2px solid var(--focus-ring-colour);outline-offset:2px}.month-name[data-v-9249cdec]{font-weight:500}.month-year[data-v-9249cdec]{color:var(--colour-text-light);font-size:var(--small);margin-top:.2em}.month-chip.selected .month-year[data-v-9249cdec]{color:#fffc}