#toolbar {
    [data-op3-element-options-type="date"] {
        [data-op3-content-item-name="color-calendar"],
        [data-op3-toolbar-nav-id="calendar-borders"],
        [data-op3-content-item-name="color-icons"],
        [data-op3-element-options-property-name="calendarStackedLayout"],
        [data-op3-element-options-property-name="alignItems"],
        [data-op3-element-options-property-name="justifyContent"],
        [data-op3-element-options-property-name="intervalType"],
        [data-op3-element-options-property-name="timeInterval"],
        [data-op3-element-options-property-name="timeFormat"],
        [data-op3-element-options-property-name="dateInterval"],
        [data-op3-element-options-property-name="dayInterval"],
        .op3-element-options-property[data-op3-element-options-property-name="dateCustomInterval"],
        [data-op3-element-options-property-name="dateFormat"],
        [data-op3-element-options-property-name="visible"],
        [data-op3-element-options-property-name="dateTime"],
        [data-op3-element-options-property-name="width"],
        [data-op3-element-options-property-name="op3Icon"],
        [data-op3-element-options-property-name="op3Icon2"],
        [data-op3-element-options-property-name="timeFormat"] {
            display: none;
        }

        [data-op3-element-options-property-id="calendarVisible"] {
            display: flex;
        }

        [data-op3-element-options-property-name="dateTimeType"] {
            &[data-op3-element-options-property-value="dynamic"] {
                ~ [data-op3-element-options-property-name="intervalType"] {
                    display: flex;
                }

                ~ [data-op3-element-options-property-name="intervalType"] {
                    &[data-op3-element-options-property-value="date"] {
                        ~ [data-op3-element-options-property-name="visible"],
                        ~ [data-op3-element-options-property-name="dateInterval"],
                        ~ [data-op3-element-options-property-name="dateFormat"] {
                            display: flex;
                        }

                        ~ [data-op3-element-options-property-name="dateInterval"][data-op3-element-options-property-value="custom"] {
                            ~ [data-op3-element-options-property-name="dateCustomInterval"] {
                                display: flex;
                            }
                        }
                    }

                    &[data-op3-element-options-property-value="time"] {
                        ~ [data-op3-element-options-property-name="timeFormat"],
                        ~ [data-op3-element-options-property-name="timeInterval"] {
                            display: flex;
                        }
                    }

                    &[data-op3-element-options-property-value="day"] {
                        ~ [data-op3-element-options-property-name="visible"],
                        ~ [data-op3-element-options-property-name="width"],
                        ~ [data-op3-element-options-property-name="dayInterval"],
                        ~ [data-op3-element-options-property-name="timeFormat"],
                        ~ [data-op3-element-options-property-name="dateFormat"] {
                            display: flex;
                        }
                    }
                }
            }

            &[data-op3-element-options-property-value="specific"] {
                ~ [data-op3-element-options-property-name="visible"],
                ~ [data-op3-element-options-property-name="dateTime"],
                ~ [data-op3-element-options-property-name="timeFormat"],
                ~ [data-op3-element-options-property-name="dateFormat"] {
                    display: flex;
                }
            }
        }

        [data-op3-element-options-property-id="calendarVisible"] {
            &[data-op3-element-options-property-value="1"] {
                ~ [data-op3-element-options-property-id="calendarStackedLayout"] {
                    display: flex;
                }
            }
        }

        [data-op3-content-item-name="date-layout"],
        [data-op3-content-item-name="date-text-strings"] {
            display: none;
        }

        &[data-op3-parent-options-property-value-datetimetype="specific"] {
            [data-op3-element-options-property-id="timeVisible"] {
                display: flex;
            }
        }

        &[data-op3-parent-options-property-value-datetimetype="specific"],
        &[data-op3-parent-options-property-value-datetimetype="dynamic"][data-op3-parent-options-property-value-intervaltype="day"] {
            [data-op3-content-item-name="date-layout"],
            [data-op3-content-item-name="date-text-strings"] {
                display: block;
            }

            [data-op3-element-options-property-id="dateIconVisible"] {
                display: flex;

                &[data-op3-element-options-property-value="1"] {
                    ~ [data-op3-element-options-property-id="op3Icon"] {
                        display: flex;
                    }
                }
            }

            [data-op3-element-options-property-id="timeIconVisible"] {
                display: flex;

                &[data-op3-element-options-property-value="1"] {
                    ~ [data-op3-element-options-property-id="op3Icon2"] {
                        display: flex;
                    }
                }
            }
        }

        &[data-op3-parent-options-property-value-datetimetype="dynamic"] {
            &[data-op3-parent-options-property-value-intervaltype="date"] {
                [data-op3-element-options-property-id="dateIconVisible"] {
                    display: flex;

                    &[data-op3-element-options-property-value="1"] {
                        ~ [data-op3-element-options-property-id="op3Icon"] {
                            display: flex;
                        }
                    }
                }
            }

            &[data-op3-parent-options-property-value-intervaltype="time"] {
                [data-op3-element-options-property-id="timeIconVisible"] {
                    display: flex;

                    &[data-op3-element-options-property-value="1"] {
                        ~ [data-op3-element-options-property-id="op3Icon2"] {
                            display: flex;
                        }
                    }
                }
            }
        }

        &[data-op3-parent-options-property-value-calendardisplay="flex"],
        &[data-op3-parent-options-property-value-calendardisplay="block"] {
            [data-op3-content-item-name="color-calendar"],
            [data-op3-toolbar-nav-id="calendar-borders"] {
                display: block;
            }
        }

        &[data-op3-parent-options-property-value-calendarstackedlayout="1"] {
            div[data-op3-element-options-property-id="alignItems"] {
                display: flex;
            }
        }

        &[data-op3-parent-options-property-value-calendarstackedlayout="0"] {
            div[data-op3-element-options-property-id="justifyContent"] {
                display: flex;
            }
        }

        &[data-op3-parent-options-property-value-dateicondisplay="block"],
        &[data-op3-parent-options-property-value-timeicondisplay="block"] {
            [data-op3-content-item-name="color-icons"] {
                display: block;
            }
        }
    }
}

[data-op3-device="mobile"] {
    #toolbar {
        [data-op3-element-options-type="date"] {
            [data-op3-element-options-property-name="dateStackedLayout"] {
                display: none !important;
            }
        }
    }
}