.cc_restaurant_calendar_wrap {
    padding: 0 10px 10px;
    .ant-picker-calendar-date-today, .ant-picker-cell-selected .ant-picker-calendar-date {
        background: transparent !important;
    }
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
        padding: 4px 8px !important;
    }
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
        height: 152px !important;
    }
    .ant-picker-calendar .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date, .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
        background: transparent !important;
    }
    .cc_restaurant_calendar_title_wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
        &-text {
            font-weight: 400;
        }
    }
}

.cc_restaurant_calendar {
    display: flex;
    flex-direction: column;
    gap: 8px;
    &-status-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 28px;
        border-radius: 4px;
        background: rgba(82,196,26,0.1);
        font-size: 14px;
        color: #52C41A;
        gap: 8px;
        &-error {
            background: rgba(245,34,45,0.1);
            color: #F5222D;
        }
    }
    &-content-wrap {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding: 12px 8px;
        background: var(--calendar-content-sigle-bg);
        border-radius: 4px;
    }
    &-content-item {
        font-size: 14px;
        height: 14px;
        line-height: 14px;
        color: var(--label-color);
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    &-label {
        color: var(--base-label-color);
    }
    &-dot {
        position: absolute;
        right: 32px;
        top: 4px;
    }
    &-index-wrap {
       display: flex;
        align-items: center;
        gap: 4px;
        position: absolute;
        left: 8px;
        top: 4px;
        color: var(--label-color);
        pointer-events: auto;
    }
}
