.custom-experiences-condition { position: relative; padding: 1em; font-size: 16px; background: #eee; border-radius: 0.5em; color: #444; }
.custom-experiences-condition__header { display: flex; line-height: 1.25em; }
.custom-experiences-condition__title { position: relative; flex: 1; min-width: 0; font-weight: bold; }
.custom-experiences-condition__nav { display: flex; align-items: center; }
.custom-experiences-condition__nav:not(:empty) { margin-left: 0.5em; }
.custom-experiences-condition__nav-item { display: block; width: 1.25em; height: 1.25em; margin: 0 0.25em; text-align: center; text-decoration: none; color: inherit; opacity: 0.8; transition: 0.2s ease; }
.custom-experiences-condition__nav-item:hover { opacity: 1; }
.custom-experiences-condition__nav-item:first-child { margin-left: 0; }
.custom-experiences-condition__nav-item:last-child { margin-right: 0; }
.custom-experiences-condition__nav-separator { display: block; width: 1px; background: gray; height: 100%; margin: 0 0.5em; }
.custom-experiences-condition__content { margin: 1em 0; line-height: 1.75em; }
.custom-experiences-condition__rule { display: flex; margin-bottom: 0.5em; }
.custom-experiences-condition__operator-item { display: none; width: 56px; }
.custom-experiences-condition__rule:first-child .custom-experiences-condition__operator-item--when,
.custom-experiences-condition__rule:not(:first-child) .custom-experiences-condition__operator-item--and { display: block; }
.custom-experiences-condition__rule:first-child:last-child .custom-experiences-condition__nav { visibility: hidden; }
.custom-experiences-condition__values { display: flex; flex: 1; }
.custom-experiences-condition__rule-widget { margin-left: 0.5em; }
.custom-experiences-condition__rule-widget:first-child { margin-left: 0; }
.custom-experiences-condition__rule-widget-input { display: block; height: 30px; padding: 0 6px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; background: #fff; color: inherit; outline: 0 none; }
.custom-experiences-condition__rule-widget-input:focus { border-color: #aaa; outline: 0 none; }
.custom-experiences-condition__rule-widget-input--dropdown,
.custom-experiences-condition__rule-widget-input--multiselect { height: 32px; padding: 0 2px; }
.custom-experiences-condition__rule-widget-input--link { line-height: 32px; padding: 0; border: 0 none; background: transparent; }
.custom-experiences-condition__rule-widget-input--invalid,
.custom-experiences-condition__rule-widget-input--invalid:focus { border-color: #d00; }
.custom-experiences-condition__footer { text-align: center; }
.custom-experiences-condition__footer .custom-experiences-condition__nav { display: block; margin: 0; }
.custom-experiences-condition__button { display: inline; width: auto; height: auto; color: #0175ff; text-decoration: none; opacity: 0.8; transition: 0.2s ease; }
.custom-experiences-condition__button:hover { opacity: 1; }
.custom-experiences-condition--readonly .custom-experiences-condition__content .custom-experiences-condition__nav,
.custom-experiences-condition--readonly .custom-experiences-condition__footer .custom-experiences-condition__nav { opacity: 0.4; pointer-events: none; }
.custom-experiences-condition--readonly .custom-experiences-condition__rule-widget-input[disabled] { color: #b4b4b4; }
.custom-experiences-condition--allowempty .custom-experiences-condition__rule:first-child:last-child .custom-experiences-condition__nav { visibility: visible; }