/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/scss/common.scss ***!
  \*******************************************************************************************************************************************/
.permissions__button {
  background: #FFF;
  color: #528AAF;
  border: 1px solid #528AAF;
  border-radius: 0.25rem;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  height: 2.25rem;
  padding: 0 1rem;
}
.permissions__button--primary {
  background: #528AAF;
  border-color: transparent;
  color: #FFF;
}
.permissions__button svg {
  margin-right: 0.5rem;
}
.permissions__button svg g {
  fill: #528AAF;
}

.permissions__logic {
  flex-basis: 100%;
  margin-top: 0.875rem;
}
.permissions__logic label {
  display: block;
  line-height: 0.1em;
  margin-bottom: 0.6875rem;
  padding-left: 1.75rem;
  position: relative;
}
.permissions__logic label:before {
  background: #E6E6EE;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.permissions__logic label span {
  background: #FAFBFF url("../images/entry-permissions/logic.svg") no-repeat 0.5rem center/1.4375rem;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.375rem;
  padding: 0 7px 0 40px;
  position: relative;
  z-index: 2;
}
.permissions__logic select,
.permissions__logic input[type=text] {
  height: 2.5rem;
}
.permissions__logic-rule {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.permissions__logic-rule:not(:last-child) {
  margin-bottom: 0.5rem;
}
.permissions__logic-field, .permissions__logic-operator {
  width: 14.1875rem;
}
.permissions__logic-field, .permissions__logic-value {
  flex-grow: 1;
}
.permissions__logic-operator {
  margin-inline: 0.5rem;
  width: auto;
}
.permissions__logic-value {
  margin-right: 0.5rem;
  width: 15.75rem;
}
.permissions__logic-controls {
  display: flex;
  justify-content: space-between;
}
.permissions__logic-control {
  align-items: center;
  background: #FFF;
  border: 1px solid #E6E6EE;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}
.permissions__logic-control:not(:disabled) {
  cursor: pointer;
}
.permissions__logic-control:first-of-type {
  margin-right: 0.5rem;
}
.permissions__logic-control:disabled {
  background: #F6F7F7;
  border-color: #DCDCDE;
  color: #A7AAAD;
}
.permissions__logic-control:disabled svg path,
.permissions__logic-control:disabled svg rect {
  fill: currentColor;
}
.permissions__logic-control svg {
  width: 1rem;
}

.permissions__no-rules {
  background: #FFFFFF;
  border: 1px solid #EEF1F5;
  box-shadow: 0 0.375rem 0.625rem 0 #EEF1F5;
  border-radius: 0.5rem;
  grid-column: span 2;
  padding: 3.625rem 0;
  text-align: center;
}
.permissions__no-rules svg {
  margin-bottom: 1.375rem;
}
.permissions__no-rules p {
  color: #23282D;
  font-size: 0.9375rem;
  line-height: inherit;
  margin: 0 0 1.5rem;
}
.permissions__no-rules button {
  margin-inline: 0.375rem;
}

.permissions__targets {
  flex-grow: 1;
}
.permissions__targets__indicator {
  cursor: pointer;
}
.permissions__targets__control {
  border-color: #E6E6EE !important;
  min-height: 2.875rem !important;
}
.permissions__targets__control--is-focused {
  border-color: #E6E6EE !important;
  box-shadow: none !important;
}
.permissions__targets__control--menu-is-open {
  border-radius: 0.375rem 0.375rem 0 0 !important;
}
.permissions__targets__multi-value {
  background: #FAFBFF !important;
  border: 1px solid #E6E6EE;
  border-radius: 0.25rem !important;
}
.permissions__targets__multi-value:hover {
  border-color: #528AAF;
}
.permissions__targets__multi-value__label {
  color: #2A2A52 !important;
  font-size: 0.8125rem !important;
  font-weight: 600;
  line-height: 1.25rem;
  padding: 0 0.25rem 0 0.625rem !important;
}
.permissions__targets__multi-value__remove:hover {
  background: rgba(82, 138, 175, 0.2) !important;
  cursor: pointer;
}
.permissions__targets__multi-value__remove svg {
  fill: #528AAF;
  stroke: #528AAF;
}
.permissions__targets__menu {
  border: 1px solid #E6E6EE;
  border-radius: 0 0 0.375rem 0.375rem !important;
  border-top: none;
  box-shadow: none !important;
  margin-top: 0 !important;
  z-index: 100 !important;
}
.permissions__targets__menu-list {
  padding-bottom: 0.6875rem !important;
  padding-top: 0.6875rem !important;
}
.permissions__targets__option {
  color: #2A2A52 !important;
  font-size: 0.875rem !important;
  font-weight: 600;
  line-height: 1.875rem;
  padding: 0 1.875rem !important;
}
.permissions__targets__option--is-focused {
  background-color: #F6F9FC !important;
  cursor: pointer !important;
}