.card_item_list{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_item_list > div{padding: 10px 15px;}
.card_item_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_item_list .cilItem{grid-template-columns: 1fr min-content;}
.card_item_list .cilItem > div:nth-child(2){white-space: nowrap; font-size: 11px;}
.card_item_list .cilItem .ciTitle{margin-top: 2px;}
.card_item_list .cilItem .ciStatus{padding: 2px 7px 3px 7px; border-radius: 20px; font-size: 9px; font-weight: bold; color: var(--text_white);}
.card_item_list .cilItem .ciStatus.draft{background: var(--bg_blurblack);}
.card_item_list .cilItem .ciStatus.publish{background: var(--bg_green);}
.card_item_list .cilItem .ciStatus.fast{background: var(--bg_tosca);}
.card_item_list .cilItem .ciStatus.advanced{background: var(--bg_green);}

.card_item_grid{grid-template-columns: 1fr 1fr 1fr 1fr;}
.card_item_grid .cigItem .ciCover > div{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_item_grid .cigItem .ciInfo{margin-top: 5px;}
.card_item_grid .cigItem .ciInfo > div{font-size: 15px; color: var(--text_black); font-family: 'bold';}

.cardBubble{display: flex; flex-direction: column;}
.cardBubble > div:not(:last-child){margin-bottom: 25px;}
.cardBubble .cbItem{max-width: 90%; padding: 10px 15px; border-radius: 15px; margin: unset;}
.cardBubble .cbItem.cbMe{align-self: flex-end; background-color: #678cff14; text-align: right;}
.cardBubble .cbItem.cbNotMe{align-self: flex-start; text-align: left;}
.cardBubble .cbItem > div:first-child{padding: 3px 0px 3px 0px; margin-bottom: 10px; font-family: 'bold'; font-size: 17px; position: relative;}
.cardBubble .cbItem .ciUser{display: flex; align-items: center; gap: 10px}
.cardBubble .cbItem .ciUser > div:first-child{flex: 0 0 35px;}
.cardBubble .cbItem .ciUser > div:first-child > div{width: 100%; aspect-ratio: 1; border-radius: 50%; background-color: var(--bg_silvercalm);}
.cardBubble .cbItem .ciUser > div:last-child{flex: 1;}
.cardBubble .cbItem.cbMe .ciUser{flex-direction: row-reverse;}
.cardBubble .cbItem.cbOnProcess{background: #1d42f41f;}
.cardBubble .cbItem.cbOnProcess > div:first-child{display: none;}