/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/editor.css ***!
  \********************************************************************************************************************************************************************/
/* General styles for inputs and containers */
.wdm-trigger-notifications-block .components-input-control__container,
.wdm-trigger-notifications-block .components-input-control__container select,
.wdm-trigger-notifications-block .components-text-control__input,
.wdm-trigger-notifications-block #time-input,
.wdm-trigger-notifications-block .date-input input,
.notification-message-editor div[role="textbox"] {
    width: 100%;
    padding: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    outline: none;
    height: 50px;
    font-size: 17px;
    margin-block: 10px;
}

.wdm-trigger-notifications-block .tab-buttons {
    position: relative;
    bottom: 20px;
    color: #008AD8;
    min-width: 164px;
}

.wdm-trigger-notifications-block .tab-buttons button {
    background-color: #ffffff;
    color: #008AD8;
    border: 1px solid #008AD8;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
    padding: 14px 20px;
}

/* Active state for the button */
.wdm-trigger-notifications-block .tab-buttons button.active {
    color: #fff;
    background: #444444;
    border: 1px solid #444444;
    box-shadow: none;
    position: relative;
}

.wdm-trigger-notifications-block .tab-buttons button.active:after {
    content: '';
    clip-path: inset(50% 0 0 0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 30px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    bottom: -28px;
    left: calc(50% - 15px);
    border-radius: 4px;
    transform: rotateZ(135deg);
    display: inline-block;
}

.wdm-trigger-notifications-block button.components-button.is-primary {
    background-color: #008AD8;
    height: 43px;
    padding: 0 30px;
    border: none;
    box-shadow: none;
    color: #ffffff;
}

.notification-message-editor div[role="textbox"] {
    padding: 10px;
    margin-block: 10px;
    border-radius: 5px;
    height: 150px;
    overflow-y: auto;
}

/* Remove backdrop styles */
.wdm-trigger-notifications-block .components-input-control__backdrop {
    border: none;
    box-shadow: none;
}

/* Styles for label */
.wdm-trigger-notifications-block .selector-label,
.wdm-trigger-notifications-block label {
    margin: 0;
}

/* Wrapper block styles */
.wdm-trigger-notifications-block {
    padding: 30px;
    background: #fcfcfc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    line-height: 1;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: 0;
    margin-top: 35px;
}

/* Margin for input controls */
.wdm-trigger-notifications-block .components-base-control__field,
.wdm-trigger-notifications-block #time-input {
    margin-block: 10px;
}


/* Focused text input style */
.wdm-trigger-notifications-block .components-text-control__input:focus {
    box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
}

/*# sourceMappingURL=index.css.map*/