.ot-filter-outer-panel{position:relative;overflow-x:hidden;display:flex;align-items:center;margin-left:.75em;margin-right:.75em}.ot-filter-panel{position:relative;height:calc(11em - 2px);overflow-x:hidden;display:flex;align-items:center}.ot-filter-item{float:left;display:block;align-items:center;margin-right:.375em;height:1.5em;line-height:1.25em;border:1px solid #33c6c8;border-radius:2px;background-color:#e7f8f8;white-space:nowrap}.ot-filter-item__close-icon{height:.625em;width:.625em;margin-left:.5em;margin-right:.5em;cursor:pointer}.ot-filter-item-detail{float:none!important;margin:.5em 1em .5em 1em!important}.ot-filter-clear-all{float:left;display:block;border:1px solid transparent;margin-right:4.25em;height:1.5em;line-height:1.25em;white-space:nowrap}.ot-filter-clear-all__text{font-size:.875em;color:#333}.ot-filter-clear-all__close-icon{height:.625em;width:.625em;margin-right:.5em;cursor:pointer}.ot-filter-key{font-size:.875em;padding-left:.5em;color:#005c5d}.ot-filter-value{font-size:.875em;color:#333;font-weight:bold}.ot-filter-value-extra-margin-right{font-size:.875em;color:#333;font-weight:bold;margin-right:.5em}.ot-filter-scroll-left{position:absolute;left:0;height:2em;top:50%;margin-top:-1em}.ot-filter-scroll-right{position:absolute;right:0;height:2em;top:50%;margin-top:-1em}.ot-filter-scroll-button{background:#fff;width:1em;height:2em;margin-top:1px}.ot-filter-scroll-left-panel-fader{pointer-events:none;position:absolute;top:0;left:1em;height:2em;width:4em;background:linear-gradient(to right,#fff,transparent)}.ot-filter-scroll-right-panel-fader{pointer-events:none;position:absolute;top:0;right:1em;height:2em;width:4em;background:linear-gradient(to left,#fff,transparent)}