/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/experimental-accordion-two/components-view/WidgetView/WidgetView.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.widget-view {
  font-family: Arial, sans-serif;
  color: #223344;
}

.widget-view__header {
  margin-bottom: 20px;
}

.widget-view__title {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 8px;
}

.widget-view__description {
  margin: 0;
  color: #536273;
  line-height: 1.6;
}

.widget-view__item {
  border: 1px solid #d7e0ea;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 12px;
}

.widget-view__toggle {
  width: 100%;
  border: 0;
  background: #6f93b8;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  font-size: 16px;
  text-align: left;
}

.widget-view__toggle:focus {
  outline: 2px solid #24486e;
  outline-offset: -2px;
}

.widget-view__icon {
  font-size: 20px;
  line-height: 1;
  margin-left: 12px;
}

.widget-view__content {
  background: #f5f7fa;
  padding: 16px;
  line-height: 1.6;
}

.widget-view__empty {
  background: #f5f7fa;
  border: 1px dashed #c9d3de;
  border-radius: 6px;
  color: #67788a;
  padding: 16px;
}