.fade-enter-active[data-v-84bc7bd3],.fade-leave-active[data-v-84bc7bd3]{transition:opacity .15s}.fade-enter-from[data-v-84bc7bd3],.fade-leave-to[data-v-84bc7bd3]{opacity:0}.period-btn[data-v-1dcf214e]{color:#5a564c;cursor:pointer;border-radius:9999px;height:34px;padding:0 14px;font-size:12px;font-weight:800;transition:background-color .15s,color .15s}.period-btn[data-v-1dcf214e]:hover{color:var(--color-ink)}.period-btn.is-active[data-v-1dcf214e]{background:var(--color-ink);color:#fff}