@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

package/dist/treeshaking/components/activity/OActivityMyCalendar.css

@@ -1,1375 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-:root [class^=el-] {
-  --el-color-primary: var(--o-color-primary1);
-  --el-border-color: var(--o-color-control1);
-  --el-fill-color-blank: var(--o-color-control5-light);
-  --el-input-placeholder-color: var(--el-text-color-placeholder);
-  --el-input-hover-border-color: var(--el-border-color-hover);
-  --el-input-clear-hover-color: var(--el-text-color-secondary);
-  --el-component-size-large: 36px;
-}
-@media (max-width: 840px) {
-:root [class^=el-] {
-    --el-component-size-large: var(--o-control_size-l);
-}
-}
-:root .el-date-editor.el-date-editor--daterange {
-  padding: 0 13px 0 15px;
-}
-:root .el-date-editor.el-date-editor--timerange {
-  padding: 0 16px;
-}
-:root .el-date-editor input {
-  text-align: left;
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-date-editor input {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-date-editor input {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-date-editor .el-select__wrapper {
-  gap: 0;
-}
-:root .el-date-editor .el-input__wrapper .el-input__prefix {
-  order: 1;
-  font-size: 16px;
-}
-:root .el-date-editor .el-input__icon {
-  height: 100%;
-  order: 1;
-  font-size: 24px;
-  margin-right: 2px;
-  color: var(--o-color-info1);
-  background-color: var(--o-color-info2);
-  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
-  background-size: 24px;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-:root .el-date-editor .el-input__icon svg {
-  display: none;
-}
-:root .el-popper .el-popper__arrow {
-  display: none;
-}
-:root .el-popper .el-picker-panel {
-  --cell-row-gap: 6px;
-  --cell-radius: var(--o-radius-xs);
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header {
-  padding: 12px 24px;
-  height: 48px;
-  border-bottom: 1px solid var(--o-color-control4);
-}
-:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label {
-  font-weight: 500;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th {
-  border-bottom: none;
-  height: 24px;
-  color: inherit;
-  padding: 0 0 var(--cell-row-gap);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td {
-  padding: var(--cell-row-gap) 0px;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell {
-  padding: 0;
-  height: 24px;
-  line-height: 22px;
-  border: 1px solid transparent;
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell {
-  border-color: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell {
-  background: none;
-  color: var(--o-color-info4);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell {
-  background: var(--o-color-control2-light);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text {
-  font-weight: normal;
-  color: var(--o-color-info1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell {
-  background: var(--o-color-primary1);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text, :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text {
-  background: none;
-  color: #fff;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell {
-  border-radius: 0;
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell {
-  border-radius: var(--cell-radius);
-}
-:root .el-input {
-  --el-border-color: var(--o-color-control1);
-  --el-input-border-color: var(--o-color-control1);
-  --el-input-hover-border-color: var(--o-color-primary2);
-  --el-input-focus-border-color: var(--o-color-primary3);
-}
-:root .el-table {
-  --el-table-border-color: var(--o-color-control4) ;
-}
-:root .el-input__wrapper {
-  box-shadow: none;
-  border: 1px solid var(--el-input-border-color);
-}
-:root .el-date-editor.is-focus .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-date-editor:hover .el-input__wrapper {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper:hover {
-  box-shadow: none;
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-date-editor.el-input__wrapper.is-active {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-calendar .el-calendar-table {
-  width: 100%;
-}
-:root .el-calendar .el-calendar-table th {
-  color: var(--o-color-info3);
-  font-weight: 400;
-  padding: 4px 0 16px 0;
-  text-align: center;
-}
-:root .el-calendar .el-calendar-table td.prev .date-calender, :root .el-calendar .el-calendar-table td.next .date-calender {
-  color: var(--o-color-info4);
-}
-:root .el-select .el-select__placeholder {
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-:root .el-select .el-select__placeholder {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-:root .el-select .el-select__placeholder {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-:root .el-input-number {
-  --el-component-size-large: 34px;
-}
-@media (max-width: 840px) {
-:root .el-input-number {
-    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
-}
-}
-:root .el-input-number .el-input__wrapper:hover {
-  --el-input-border-color: var(--o-color-primary2);
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  --el-input-border-color: var(--o-color-primary3);
-}
-:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper,
-:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper {
-  box-shadow: none;
-}
-:root .el-input-number .el-input__wrapper.is-focus {
-  box-shadow: none;
-}
-:root .el-input-number.el-input-number--large {
-  line-height: var(--el-component-size-large);
-}
-.o-my-activity-calendar {
-  --activity-card-radius: var(--o-radius-xs);
-  --activity-input-radius: var(--o-radius-xs);
-  --activity-cell-radius: var(--o-radius-xs);
-}
-.o-my-activity-calendar .header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.o-my-activity-calendar .header .title {
-  font-weight: 500;
-  color: var(--o-color-info1);
-  font-size: 24px;
-  line-height: 32px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .header .title {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .header .title {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .header .title {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .header .title {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-my-activity-calendar .header .desc {
-  margin-top: 12px;
-  color: var(--o-color-info2);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .header .desc {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .header .desc {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .header .desc {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .header .desc {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-my-activity-calendar .activity-list {
-  display: flex;
-  flex-wrap: nowrap;
-  gap: var(--o-gap-4);
-  height: 100%;
-  --phone-padding-top: 0;
-}
-@media screen and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list {
-    flex-direction: column;
-    gap: var(--o-gap-2);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list {
-    gap: var(--o-gap-4);
-    --phone-padding-top: 56px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list {
-    gap: var(--o-gap-3);
-}
-}
-.o-my-activity-calendar .activity-list .o-loading .o-layer-mask {
-  background-color: transparent;
-}
-.o-my-activity-calendar .activity-list .o-loading .o-loading-icon {
-  color: var(--layer-mask);
-}
-.o-my-activity-calendar .activity-list .list-calendar-mb {
-  display: none;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 var(--grid--layout-padding);
-  font-weight: 600;
-}
-@media screen and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-calendar-mb {
-    display: flex;
-    background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
-    border-radius: var(--activity-card-radius);
-    padding: var(--o-gap-3);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-calendar-mb {
-    padding: 0 var(--grid--layout-padding);
-    background-color: var(--o-color-fill1);
-    display: flex;
-    position: fixed;
-    height: var(--phone-padding-top);
-    z-index: 1;
-    top: var(--layout-header-height);
-    left: 0;
-    right: 0;
-}
-}
-.o-my-activity-calendar .activity-list .list-calendar-mb span:first-child {
-  font-size: 20px;
-  line-height: 28px;
-}
-.o-my-activity-calendar .activity-list .list-calendar-mb span:last-child {
-  display: flex;
-  align-items: center;
-}
-.o-my-activity-calendar .activity-list .list-calendar-mb .o-icon {
-  font-size: 24px;
-  cursor: pointer;
-}
-.o-my-activity-calendar .activity-list .list-calendar-mb .o-icon:last-child {
-  margin-left: 24px;
-}
-.o-my-activity-calendar .activity-list .list-calendar {
-  flex-shrink: 0;
-  width: 334px;
-  background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
-  border-radius: var(--activity-card-radius);
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body {
-    padding-left: 12px;
-    padding-right: 12px;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
-    height: 40px;
-    width: 28px;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-    line-height: 24px;
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) and (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-calendar {
-    width: 100%;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body {
-    padding-bottom: 0;
-}
-}
-@media screen and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-calendar {
-    display: none;
-}
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar {
-  min-height: 460px;
-  height: calc(100% - 54px);
-  border-radius: var(--activity-card-radius);
-  background-color: transparent;
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar {
-    min-height: fit-content;
-}
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header {
-  border-bottom: 1px solid var(--o-color-control4);
-  color: var(--o-color-info1);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
-  font-weight: 500;
-  font-size: 32px;
-  line-height: 44px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
-    font-size: 20px;
-    line-height: 28px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div {
-  display: flex;
-  align-items: center;
-  gap: var(--o-gap-5);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon {
-  font-size: 24px;
-  cursor: pointer;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon:hover {
-  color: var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon svg path {
-  fill: currentColor;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table {
-  display: table;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table th {
-  text-align: left;
-  border: none;
-  --o-color-control3-light: transparent;
-  padding-left: calc(17px - 0.5em);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table tr {
-  --o-color-fill2: transparent;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td {
-  background-color: transparent !important;
-  border: none;
-  text-align: center;
-  transition: none;
-  padding: 0;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td .el-calendar-day {
-  padding: 0;
-  height: fit-content;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td div {
-  cursor: default !important;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td:hover .el-calendar-day {
-  background-color: transparent;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
-  height: 56px;
-  width: 34px;
-  position: relative;
-  cursor: default !important;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-  font-size: 14px;
-  line-height: 34px;
-  border-radius: var(--activity-cell-radius);
-  background-color: var(--o-color-control2-light);
-  border: 1px solid transparent;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
-  cursor: not-allowed !important;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable .date-cell-text {
-  cursor: pointer !important;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable:not(.is-selected) .date-cell-text:hover {
-  background-color: var(--o-color-control3-light);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell::after {
-  content: "";
-  position: absolute;
-  bottom: 5px;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-today .date-cell-text {
-  color: var(--o-color-primary1);
-  font-weight: bold;
-  background-color: var(--o-color-control3-light);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-selected .date-cell-text {
-  background-color: var(--o-color-control3-light);
-  border: 1px solid var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable::after {
-  background-color: rgb(var(--o-grey-6));
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.approved::after {
-  background-color: var(--dot-bg);
-}
-.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.expired::after {
-  background-color: rgb(var(--o-grey-6));
-}
-.o-my-activity-calendar .activity-list .list-wrapper {
-  flex-grow: 1;
-  background-color: var(--o-color-fill2);
-  --content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-wrapper {
-    margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 600px;
-  height: var(--content-height);
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
-    min-height: 200px;
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper .o-scroller .o-scrollbar-rail {
-  right: -16px;
-  height: 100%;
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container {
-  height: 100%;
-  max-height: var(--content-height);
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container {
-    max-height: fit-content;
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item {
-  padding-left: 24px;
-  position: relative;
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item {
-    padding-left: var(--o-gap-2);
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item.last-item {
-  flex-grow: 1;
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar {
-  position: absolute;
-  left: 0;
-  width: 16px;
-  top: 0;
-  bottom: 0;
-  overflow: hidden;
-  --active-color: var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar::before {
-  content: "";
-  width: 2px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: var(--o-color-control4);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
-  width: 16px;
-  height: 26px;
-  position: relative;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
-    height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
-    height: 22px;
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
-    height: 22px;
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::before, .o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::after {
-  content: "";
-  border-radius: 50%;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translateY(-50%) translateX(-50%);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::before {
-  width: 16px;
-  height: 16px;
-  background-color: transparent;
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::after {
-  width: 8px;
-  height: 8px;
-  background-color: var(--active-color);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-active .act-bar-dot::before {
-  background-color: var(--active-color);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-active .act-bar-dot::after {
-  background-color: var(--o-color-fill2);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-end {
-  --active-color: rgb(222, 222, 227);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .approved {
-  --active-color: var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-  font-weight: 500;
-  color: var(--o-color-info1);
-  font-size: 18px;
-  line-height: 26px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
-    padding-left: var(--o-gap-5);
-}
-}
-.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title.is-end {
-  color: var(--o-color-info3);
-}
-.o-my-activity-calendar .activity-list .list-body {
-  height: 100%;
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body {
-    height: fit-content;
-    padding: var(--o-gap-4) !important;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .list-month-change {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--o-gap-5);
-  cursor: pointer;
-  --btn-color: var(--o-color-primary1);
-}
-@media (hover: hover) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change:hover {
-    --btn-color: var(--o-color-primary2);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change {
-    display: none;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .list-month-change.prev-month {
-  margin-bottom: var(--o-gap-6);
-}
-@media (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change.prev-month {
-    margin-bottom: var(--o-gap-5);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change.prev-month {
-    margin-bottom: var(--o-gap-4);
-}
-}
-.o-my-activity-calendar .activity-list .list-body .list-month-change.next-month {
-  margin-top: var(--o-gap-6);
-  padding-bottom: var(--o-gap-6);
-}
-@media (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change.next-month {
-    margin-top: var(--o-gap-5);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change.next-month {
-    margin-top: var(--o-gap-4);
-    padding-bottom: 0;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .list-month-change .o-icon {
-  font-size: 24px;
-  color: var(--btn-color);
-}
-.o-my-activity-calendar .activity-list .list-body .list-month-change span {
-  color: var(--btn-color);
-  font-size: 16px;
-  line-height: 24px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change span {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change span {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change span {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .list-month-change span {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse {
-  padding: 0;
-  border-radius: 0;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-expanded + .o-collapse-item-expanded {
-  margin-top: var(--o-gap-4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .height-placeholder {
-  height: var(--o-gap-4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item {
-  padding: var(--o-gap-4) var(--o-gap-5);
-  border-top: none;
-  border-radius: var(--activity-card-radius);
-  transition: margin var(--o-easing-standard) var(--o-duration-s);
-  --icon-size: 24px;
-}
-@media (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item {
-    --icon-size: 20px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item {
-    padding: var(--o-gap-3) var(--o-gap-4);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item {
-    padding: var(--o-gap-2) var(--o-gap-4);
-    --icon-size: 16px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
-  margin-top: var(--o-gap-4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .title-text {
-  color: var(--o-color-info1);
-}
-@media (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
-    margin-top: var(--o-gap-3);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
-    margin-top: var(--o-gap-2);
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item:hover .title-text {
-  color: var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item:hover .o-collapse-item-title .copy-icon {
-  opacity: 1;
-  visibility: visible;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.last-item .o-collapse-item-header {
-  border-bottom: none;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.is-delete .act-title, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.is-end .act-title {
-  color: var(--o-color-info4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.is-delete .act-title .title-text, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.is-end .act-title .title-text {
-  color: var(--o-color-info4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
-  border-bottom: none;
-  background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent) !important;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .o-collapse-item-header {
-  padding-bottom: var(--o-gap-2);
-  position: relative;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .o-collapse-item-header::after {
-  content: "";
-  position: absolute;
-  left: calc(var(--o-gap-3) + var(--icon-size));
-  right: 0;
-  bottom: 0;
-  height: 1px;
-  background-color: var(--o-color-control4);
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .o-collapse-item-header::after {
-    left: 0;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .o-collapse-item-header .o-collapse-item-title .copy-icon {
-  opacity: 1;
-  visibility: visible;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header {
-  border-bottom: none;
-  padding-top: 0;
-  padding-bottom: 0;
-  display: flex;
-  align-items: center;
-  gap: var(--o-gap-4);
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header {
-    gap: var(--o-gap-3);
-}
-}
-@media (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header {
-    gap: var(--o-gap-2);
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-icon {
-  flex-shrink: 0;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title {
-  flex: 1;
-  width: 0;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0;
-  gap: var(--o-gap-4);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header {
-  flex: 1;
-  min-width: 0;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--o-gap-3);
-  width: 100%;
-  margin-bottom: var(--o-gap-2);
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left {
-    flex-grow: 1;
-    width: 100%;
-    align-self: stretch;
-    flex-shrink: 0;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .act-icon {
-  width: var(--icon-size);
-  height: var(--icon-size);
-  border-radius: 50%;
-  background-color: var(--o-color-primary1);
-  color: #fff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  --icon-size2: var(--icon-size);
-  padding: 1px;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .act-icon .o-icon {
-  font-size: calc(var(--icon-size2) - 2px);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .act-icon .o-icon svg path {
-  fill: currentColor;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info {
-  min-width: 0;
-  flex: 1;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title {
-  font-weight: 500;
-  display: flex;
-  align-items: center;
-  margin-bottom: var(--o-gap-2);
-  font-size: 18px;
-  line-height: 26px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-  margin-left: 8px;
-  --tag-radius: var(--activity-cell-radius);
-  font-weight: 500;
-  padding: 0 8px;
-  height: 24px;
-  line-height: 24px !important;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag .o-tag-label {
-  transform: none !important;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.o-tag-outline {
-  --tag-bd-color: transparent;
-  --tag-color: #fff;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-under-review {
-  --tag-bg-color: rgb(var(--o-blue-6));
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-draft, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-delete, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-cancel {
-  --tag-color: var(--o-color-info3);
-  --tag-bg-color: var(--o-color-control1-light);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-registration, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-in-progress, .o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-ended {
-  --tag-bg-color: var(--o-color-success1);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .o-tag.tag-reject {
-  --tag-bg-color: var(--o-color-warning1);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-wrapper {
-  flex: 0 1 auto;
-  min-width: 0;
-  max-width: 100%;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 26px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 22px;
-    line-height: 30px;
-}
-}
-@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 18px;
-    line-height: 26px;
-}
-}
-@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-@media (max-width: 600px) and (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-title .title-text {
-    font-size: 16px;
-    line-height: 24px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-  color: var(--o-color-info3);
-  display: flex;
-  align-items: center;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 14px;
-    line-height: 22px;
-}
-}
-@media (max-width: 840px) and (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 840px) and (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info {
-    flex-direction: column;
-    align-items: flex-start;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info .o-divider {
-    display: none;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info span:last-child {
-  width: 0;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .act-info span:last-child {
-    width: fit-content;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-right {
-  display: flex;
-  align-items: center;
-  padding-left: calc(var(--o-gap-3) + var(--icon-size));
-  gap: var(--o-gap-4);
-  width: 100%;
-  font-weight: 400;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-right .o-link {
-  font-size: 14px;
-  line-height: 21px;
-  --link-color: var(--o-color-info2);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-right .o-icon {
-  font-size: 16px;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .copy-icon {
-  flex-shrink: 0;
-  font-size: 24px;
-  visibility: hidden;
-  opacity: 0;
-  color: var(--o-color-info1);
-  height: 1em;
-}
-@media (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .copy-icon {
-    font-size: 20px;
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .copy-icon {
-    font-size: 24px;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .copy-icon:hover {
-  color: var(--o-color-primary1);
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .copy-icon svg path {
-  fill: currentColor;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body {
-  margin-bottom: 0;
-  padding: var(--o-gap-2) 0 0;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail {
-  padding-left: calc(var(--o-gap-3) + var(--icon-size));
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail {
-    padding-left: 0;
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail .activity-btn {
-  border-top: 1px solid var(--o-color-control4);
-  margin-top: var(--o-gap-4);
-  padding-top: var(--o-gap-4);
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: var(--o-gap-5);
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail .activity-btn {
-    margin-top: var(--o-gap-3);
-    padding-top: var(--o-gap-3);
-}
-}
-@media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail .activity-btn {
-    margin-top: var(--o-gap-2);
-    padding-top: var(--o-gap-2);
-}
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-collapse-item-body .activity-detail .activity-btn .o-link {
-  --link-color: inherit;
-}
-.o-my-activity-calendar .activity-list .list-body .o-collapse .o-btn.o-btn-text {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-  min-width: auto;
-}
-.o-my-activity-calendar .activity-list .list-body .load-text {
-  text-align: center;
-  color: var(--o-color-info3);
-  font-size: 14px;
-  line-height: 22px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-my-activity-calendar .activity-list .list-body .load-text {
-    font-size: 14px;
-    line-height: 18px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-my-activity-calendar .activity-list .list-body .load-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (min-width: 601px) and (max-width: 840px) {
-.o-my-activity-calendar .activity-list .list-body .load-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-@media (max-width: 600px) {
-.o-my-activity-calendar .activity-list .list-body .load-text {
-    font-size: 12px;
-    line-height: 18px;
-}
-}
-.o-my-activity-calendar [data-o-theme*=dark] .act-bar.is-end {
-  --active-color: rgb(65, 65, 68) !important;
-}
-.o-my-activity-calendar [data-o-theme*=dark] .activity-list .is-today .date-cell-text {
-  color: #fff !important;
-}