.area[data-v-f42e2a4c]{display:flex;flex-direction:column;gap:12px;width:100%;min-height:124px;padding:16px 10px;text-align:center;font:inherit;cursor:pointer;border-radius:14px;background:var(--color-surface,#fff);border:1px solid var(--color-surface-darken1);color:var(--color-surface-darken4);content-visibility:auto;contain-intrinsic-size:auto 124px;transition:transform .2s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.area[data-v-f42e2a4c],.area__icon[data-v-f42e2a4c]{align-items:center;justify-content:center}.area__icon[data-v-f42e2a4c]{display:inline-flex;width:52px;height:52px;border-radius:50%;font-size:28px;line-height:1;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,#fff);transition:color .18s ease,background-color .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.area__text[data-v-f42e2a4c]{display:flex;flex-direction:column;align-items:center;gap:3px}.area__title[data-v-f42e2a4c]{font-size:13px;font-weight:600;line-height:1.25;color:var(--color-primary-darken4)}.area__count[data-v-f42e2a4c],.area__title[data-v-f42e2a4c]{transition:color .18s ease}.area__count[data-v-f42e2a4c]{font-size:11.5px;font-weight:500;line-height:1;color:var(--color-surface-darken4)}@media(hover:hover){.area[data-v-f42e2a4c]:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:0 12px 24px #011c2d1a}.area:hover .area__icon[data-v-f42e2a4c]{color:#fff;background:var(--color-primary);transform:scale(1.08) rotate(-4deg)}.area:hover .area__title[data-v-f42e2a4c]{color:var(--color-primary)}.area:hover .area__count[data-v-f42e2a4c]{color:color-mix(in srgb,var(--color-primary) 70%,transparent)}}.area[data-v-f42e2a4c]:active{transform:scale(.97)}.area--active[data-v-f42e2a4c]{background:color-mix(in srgb,var(--color-primary) 9%,#fff);border-color:var(--color-primary);box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 18%,transparent)}.area--active .area__icon[data-v-f42e2a4c]{color:#fff;background:var(--color-primary)}.area--active .area__title[data-v-f42e2a4c]{color:var(--color-primary)}.area--active .area__count[data-v-f42e2a4c]{color:color-mix(in srgb,var(--color-primary) 70%,transparent)}.area[data-v-f42e2a4c]:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.area[data-v-f42e2a4c],.area__icon[data-v-f42e2a4c]{transition:color .18s ease,background-color .18s ease,border-color .18s ease}@media(hover:hover){.area[data-v-f42e2a4c]:hover,.area:hover .area__icon[data-v-f42e2a4c]{transform:none}}}