module.exports = ".mp-event-selector-wrapper {   display: -webkit-inline-box;   display: -ms-inline-flexbox;   display: inline-flex;   padding: 12px 26px 9px; /**     * Input animation     */ } .mp-event-selector-wrapper .selector-section {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -ms-flex-wrap: wrap;       flex-wrap: wrap; } .mp-event-selector-wrapper .selector-section .event-clickable, .mp-event-selector-wrapper .selector-section .property-filter {   border-bottom: dotted 1px mp-control-label-text-color();   color: mp-control-label-text-color();   cursor: pointer;   display: inline-block;   height: 32px;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   line-height: 20px;   margin: 0 6px 10px 0;   min-width: 12px;   padding: 6px 0 5px;   position: relative; } .mp-event-selector-wrapper .selector-section .event-clickable:hover, .mp-event-selector-wrapper .selector-section .property-filter:hover {   border-bottom-style: solid; } .mp-event-selector-wrapper .selector-section .event-clickable span:not(:first-child)::before, .mp-event-selector-wrapper .selector-section .property-filter span:not(:first-child)::before {   content: ' '; } .mp-event-selector-wrapper .selector-section .event-clickable span:last-child, .mp-event-selector-wrapper .selector-section .property-filter span:last-child {   padding-right: 4px; } .mp-event-selector-wrapper .selector-section .event-clickable span {   margin-right: 4px; } .mp-event-selector-wrapper .selector-section .event-builder-container, .mp-event-selector-wrapper .selector-section .property-filter-builder-container {   bottom: 0;   left: 0;   position: absolute; } .mp-event-selector-wrapper .selector-section .property-filter-separator-label {   -ms-flex-item-align: start;       align-self: flex-start;   line-height: 20px;   margin-right: 8px;   padding: 6px 0; } .mp-event-selector-wrapper .selector-section .property-filter-separator-label.where-label {   margin-left: 0; } .mp-event-selector-wrapper .selector-section .property-filter {   border-bottom-color: $grey-500;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   height: 32px;   line-height: 20px;   margin-right: 6px;   position: relative; } .mp-event-selector-wrapper .selector-section .property-filter:hover {   border-bottom-color: mp-control-label-text-color(); } .mp-event-selector-wrapper .selector-section .property-filter:hover span.property-filter-label-part {   color: mp-control-label-text-color(); } .mp-event-selector-wrapper .selector-section .property-filter:hover .property-filter-remove {   opacity: 1; } .mp-event-selector-wrapper .selector-section .property-filter .property-filter-label-part {   color: $grey-500; } .mp-event-selector-wrapper .selector-section .property-filter .property-filter-label-part.highlight {   color: $grey-700; } .mp-event-selector-wrapper .selector-section .property-filter .property-filter-remove {   background: transparent;   border-width: 0;   opacity: 0;   padding: 0;   position: absolute;   right: -4px;   top: -8px; } .mp-event-selector-wrapper .property-filter-add-section {   -webkit-box-align: end;       -ms-flex-align: end;           align-items: flex-end;   -ms-flex-item-align: start;       align-self: flex-start;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   margin-left: 8px;   position: relative; } .mp-event-selector-wrapper .property-filter-add-section .property-filter-search-icon-wrapper {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   bottom: 0;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   height: 32px;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   position: absolute; } .mp-event-selector-wrapper .property-filter-add-section input.property-filter-search-input {   border: 0;   border-bottom: 1px dotted mp-control-label-text-color();   border-radius: 0;   -webkit-box-shadow: none;           box-shadow: none;   height: 32px;   padding: 8px 0 8px 2px;   text-indent: 20px;   width: 160px; } .mp-event-selector-wrapper .property-filter-add-section input.property-filter-search-input.property-filter-search-active {   margin-right: 10px; } .mp-event-selector-wrapper .property-filter-add-section input.property-filter-search-input:focus {   border: 0;   border-bottom: 1px solid mp-control-label-text-color(); } .mp-event-selector-wrapper .selector-remove {   cursor: pointer;   height: 30px;   padding: 5px;   position: absolute;   right: 0;   top: 0; } .mp-event-selector-wrapper .property-filter-filter-button {   -webkit-transform: translate3d(-160px, 0, 0);           transform: translate3d(-160px, 0, 0);   -webkit-transition: -webkit-transform 0.25s $ease-out-quart;   transition: -webkit-transform 0.25s $ease-out-quart;   transition: transform 0.25s $ease-out-quart;   transition: transform 0.25s $ease-out-quart, -webkit-transform 0.25s $ease-out-quart; } .mp-event-selector-wrapper .property-filter-add-section:not(.property-filter-pane-open) .property-filter-search-input, .mp-event-selector-wrapper .property-filter-add-section:not(.property-filter-pane-open) .property-filter-search-icon-wrapper {   pointer-events: none;   visibility: hidden; } .mp-event-selector-wrapper .property-filter-add-section.property-filter-pane-open .property-filter-filter-button {   -webkit-transform: translate3d(0, 0, 0);           transform: translate3d(0, 0, 0); } ";