@opendesign-plus-test/components 0.0.1-rc.161 → 0.0.1-rc.162

package/dist/index.d.ts

@@ -21,4 +21,5 @@ export * from './components/meeting';
 export * from './components/search';
 export * from './components/section';
 export * from './components/sig';
+export * from './components/summit';
 export * from './components/video';

package/dist/treeshaking/_virtual/icon-next.mjs

@@ -0,0 +1,23 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "none",
+      d: "M0 0h24v24H0z"
+    }, null, -1),
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M8.4 5c.3-.3.7-.3 1 0s.3.7 0 1l-4.9 5.3H21c.4 0 .6.3.7.6v.1c0 .4-.3.7-.7.7H4.5l5 5.3q.3.45 0 .9l-.1.1c-.3.3-.7.2-1 0l-6-6.5c-.2-.3-.2-.7 0-.9z"
+    }, null, -1)
+  ])]);
+}
+const IconNext = { name: "components-icon-next", render };
+export {
+  IconNext as default
+};

package/dist/treeshaking/_virtual/icon-time.mjs

@@ -0,0 +1,20 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M16 2.667c-7.364 0-13.333 5.97-13.333 13.333s5.97 13.333 13.333 13.333c7.364 0 13.333-5.97 13.333-13.333 0-3.536-1.405-6.928-3.905-9.428s-5.892-3.905-9.428-3.905zM16 26.667c-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c5.891 0 10.667 4.776 10.667 10.667 0 2.829-1.124 5.542-3.124 7.542s-4.713 3.124-7.542 3.124zM17.173 15.52v-6.853c0-0.368-0.298-0.667-0.667-0.667h-1.013c-0.368 0-0.667 0.298-0.667 0.667v7.547c0.007 0.175 0.078 0.341 0.2 0.467l5.333 5.333c0.264 0.256 0.683 0.256 0.947 0l0.707-0.707c0.256-0.264 0.256-0.683 0-0.947l-4.84-4.84z"
+    }, null, -1)
+  ])]);
+}
+const IconTime = { name: "components-icon-time", render };
+export {
+  IconTime as default
+};

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

@@ -10,9 +10,6 @@
   --activity-card-radius: var(--o-radius-xs);
   --activity-input-radius: var(--o-radius-xs);
 }
-.o-activity-table .expand-detail {
-  background-color: var(--o-color-fill3);
-}
 .o-activity-table .activity-btn {
   display: flex;
   flex-wrap: nowrap;
@@ -24,12 +21,12 @@
     --link-gap: var(--o-gap-4);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .activity-btn {
     --link-gap: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 600px) {
 .o-activity-table .activity-btn {
     margin-top: var(--o-gap-2);
 }
@@ -142,7 +139,7 @@
     margin-left: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .dialog-footer .o-btn + .o-btn {
     margin-left: var(--o-gap-2);
 }
@@ -180,7 +177,7 @@
     padding-bottom: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .collapse-wrapper .o-collapse .o-collapse-item:last-child {
     padding-bottom: var(--o-gap-2);
 }
@@ -222,7 +219,7 @@
     margin-right: var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .collapse-wrapper .o-collapse .act-sponsor {
     margin-right: var(--o-gap-2);
 }
@@ -257,7 +254,7 @@
     margin: 0 var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .collapse-wrapper .o-collapse .o-collapse-item-header {
     margin: 0 var(--o-gap-2);
 }
@@ -271,7 +268,7 @@
     padding: var(--o-gap-2) var(--o-gap-3);
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .collapse-wrapper .activity-detail {
     padding: var(--o-gap-2) var(--o-gap-2);
 }
@@ -291,7 +288,7 @@
     padding: var(--o-gap-2) var(--o-gap-3) 0;
 }
 }
-@media (min-width: ) {
+@media (max-width: 1200px) {
 .o-activity-table .title-top {
     padding: var(--o-gap-2) var(--o-gap-2) 0;
 }

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

@@ -437,175 +437,175 @@
 .o-my-activity-calendar .activity-list .list-calendar-mb .o-icon:last-child {
   margin-left: 24px;
 }
-.o-my-activity-calendar .activity-list .left-calendar {
+.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 .left-calendar .el-calendar .el-calendar__body {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar {
+.o-my-activity-calendar .activity-list .list-calendar {
     width: 100%;
 }
-.o-my-activity-calendar .activity-list .left-calendar .el-calendar .el-calendar__body {
+.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 .left-calendar {
+.o-my-activity-calendar .activity-list .list-calendar {
     display: none;
 }
 }
-.o-my-activity-calendar .activity-list .left-calendar .el-calendar {
+.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 .left-calendar .el-calendar {
+.o-my-activity-calendar .activity-list .list-calendar .el-calendar {
     min-height: fit-content;
 }
 }
-.o-my-activity-calendar .activity-list .left-calendar .el-calendar .el-calendar__header {
+.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 .left-calendar .el-calendar .el-calendar__header > span {
+.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 .left-calendar .el-calendar .el-calendar__header > span {
+.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 .left-calendar .el-calendar .el-calendar__header > span {
+.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 .left-calendar .el-calendar .el-calendar__header > span {
+.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 .left-calendar .el-calendar .el-calendar__header > span {
+.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 .left-calendar .el-calendar .el-calendar__header > div {
+.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 .left-calendar .el-calendar .el-calendar__header > div .o-icon {
+.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 .left-calendar .el-calendar .el-calendar__header > div .o-icon:hover {
+.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 .left-calendar .el-calendar .el-calendar__header > div .o-icon svg path {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table {
+.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table {
   display: table;
 }
-.o-my-activity-calendar .activity-list .left-calendar .el-calendar .el-calendar__body .el-calendar-table th {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table tr {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td .el-calendar-day {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td div {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td:hover .el-calendar-day {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable:not(.is-selected) .date-cell-text:hover {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell::after {
+.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell::after {
   content: "";
   position: absolute;
   bottom: 5px;
@@ -615,38 +615,35 @@
   height: 8px;
   border-radius: 50%;
 }
-.o-my-activity-calendar .activity-list .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-today .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-selected .date-cell-text {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable::after {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.approved::after {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.expired::after {
+.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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.all-deleted::after {
-  background-color: rgb(var(--o-grey-6));
-}
-.o-my-activity-calendar .activity-list .right-meeting {
+.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 .right-meeting {
+.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 .right-meeting.is-empty {
+.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -654,36 +651,36 @@
   height: var(--content-height);
 }
 @media (max-width: 840px) {
-.o-my-activity-calendar .activity-list .right-meeting.is-empty {
+.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
     min-height: 200px;
 }
 }
-.o-my-activity-calendar .activity-list .right-meeting .o-scroller .o-scrollbar-rail {
+.o-my-activity-calendar .activity-list .list-wrapper .o-scroller .o-scrollbar-rail {
   right: -16px;
   height: 100%;
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container {
+.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 .right-meeting .scroller-container {
+.o-my-activity-calendar .activity-list .list-wrapper .scroller-container {
     max-height: fit-content;
 }
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item {
+.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 .right-meeting .scroller-container .act-item {
+.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item {
     padding-left: var(--o-gap-2);
 }
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item.last-item {
+.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item.last-item {
   flex-grow: 1;
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar {
+.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar {
   position: absolute;
   left: 0;
   width: 16px;
@@ -692,7 +689,7 @@
   overflow: hidden;
   --active-color: var(--o-color-primary1);
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar::before {
+.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar::before {
   content: "";
   width: 2px;
   position: absolute;
@@ -702,27 +699,27 @@
   transform: translateX(-50%);
   background-color: var(--o-color-control4);
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
+.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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
+.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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
+.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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
+.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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::before, .o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::after {
+.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;
@@ -730,64 +727,64 @@
   left: 50%;
   transform: translateY(-50%) translateX(-50%);
 }
-.o-my-activity-calendar .activity-list .right-meeting .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::before {
   width: 16px;
   height: 16px;
   background-color: transparent;
 }
-.o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::after {
+.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 .right-meeting .scroller-container .act-item .act-bar.is-active .act-bar-dot::before {
+.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 .right-meeting .scroller-container .act-item .act-bar.is-active .act-bar-dot::after {
+.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 .right-meeting .scroller-container .act-item .act-bar.is-end {
+.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 .right-meeting .scroller-container .act-item .approved {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title {
+.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 .right-meeting .scroller-container .act-item .group-title.is-end {
+.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 {