.comp-filterbar{margin-top:-8px;padding:0 0 8px;display:block}.comp-filterbar .filters{padding:16px 8px;display:none}.comp-filterbar .filters.visible{flex-wrap:wrap;display:flex}.comp-filterbar .filters>div{justify-content:space-between;width:calc(50% - 16px);margin-bottom:16px;margin-left:16px;margin-right:16px;display:flex}@media (width<=430px){.comp-filterbar .filters>div{width:100%;margin-left:0;margin-right:0}}.comp-filterbar .filters>div:nth-child(odd){margin-left:0}.comp-filterbar .filters>div:nth-child(2n){margin-right:0}.comp-filterbar .filters>div>div{width:calc(100% - 32px);margin:0}.comp-filterbar .filters>div>div.actions{justify-content:flex-end;align-items:flex-end;width:auto;display:flex}.comp-filterbar .filters .actions>.comp-buttonbar{margin-left:4px}.comp-filterbar div.row{margin:8px 0;position:relative}.comp-context{z-index:200;background:0 0;width:100%;height:100%;position:fixed;top:0;left:0}.comp-context.submenu{pointer-events:none}.comp-context.submenu .menu{pointer-events:auto}.comp-context .menu{visibility:hidden;background:hsla(var(--background-container), 1);border-radius:var(--default-border-radius);filter:drop-shadow(0 0 10px #00000080);outline:0;width:auto;height:auto;display:flex;position:absolute;top:0;left:0;transform:translate(0,0)}.comp-context .menu .arrow{content:"";border-style:solid;border-width:6px;border-color:transparent transparent hsla(var(--background-container), 1) hsla(var(--background-container), 1);width:0;height:0;position:absolute}.comp-context .menu.top.right .arrow{bottom:-1px;left:-1px;transform:skew(-24deg,-24deg)}.comp-context .menu.top.center .arrow{bottom:-5px;transform:translate(-50%)rotate(-45deg)}.comp-context .menu.top.left .arrow{bottom:-1px;right:-1px;transform:rotate(-90deg)skew(-24deg,-24deg)}.comp-context .menu.center.right .arrow{left:-5px;transform:translateY(-50%)rotate(45deg)}.comp-context .menu.center.left .arrow{right:-5px;transform:translateY(-50%)rotate(225deg)}.comp-context .menu.bottom.right .arrow{top:-1px;left:-1px;transform:rotate(90deg)skew(-24deg,-24deg)}.comp-context .menu.bottom.center .arrow{top:-5px;transform:translate(-50%)rotate(135deg)}.comp-context .menu.bottom.left .arrow{top:-1px;right:-1px;transform:rotate(-180deg)skew(-24deg,-24deg)}.comp-context .menu .comp-scrollable-container{height:auto}.comp-context .menu ul{width:100%;margin:0;padding:0;list-style-type:none;display:inline-flex}.comp-context .menu ul li{text-align:center;color:hsla(var(--comp-typo-secondary), 1);cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;align-items:center;margin:0;padding:0;font-size:1.2rem;font-weight:700;display:inline-flex;position:relative}.comp-context .menu ul li:after{content:"";background-color:hsla(var(--comp-secondary-light3), 1);position:absolute}.comp-context .menu ul li:last-of-type:after{display:none}.comp-context .menu ul li span:first-child{display:inline-block}.comp-context .menu ul li .icon-container{z-index:1;color:hsla(var(--comp-secondary-dark2), 1);align-items:center;padding:8px 6px;display:inline-flex;position:relative}.comp-context .menu ul li .icon-container:before{z-index:-1;content:"";will-change:transform, box-shadow, background-color;transition:transform .3s,background-color .3s;width:100%;-webkit-box-shadow:0 0 0 hsla(var(--comp-secondary-dark2), 1);box-shadow:0 0 0 hsla(var(--comp-secondary-dark2), 1);background:0 0;border-radius:100%;height:100%;transition-duration:.15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.comp-context .menu ul li:hover,.comp-context .menu ul li:focus{background-color:hsla(var(--comp-secondary-light5), 1)}.comp-context .menu ul li:hover .icon-container:before,.comp-context .menu ul li:focus .icon-container:before{background-color:hsla(var(--comp-secondary-light3), 1);-webkit-box-shadow:0 0 1px hsla(var(--comp-secondary-dark2), 1);box-shadow:0 0 1px hsla(var(--comp-secondary-dark2), 1);transition:transform .3s,background-color .3s,box-shadow .3s;transition-duration:.15s;transform:translate(-50%,-50%)scale(1)}.comp-context .menu ul .list{font-weight:lighter}.comp-context .menu.visible{visibility:visible}.comp-context .menu.horizontal ul{flex-direction:row}.comp-context .menu.horizontal ul li{flex-direction:column}.comp-context .menu.horizontal ul li .item-container{flex-direction:column;align-items:center;width:80px;height:100%;padding:1rem .8rem;display:flex}.comp-context .menu.horizontal ul li:first-child{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.comp-context .menu.horizontal ul li:last-child{border-radius:0 var(--default-border-radius) var(--default-border-radius) 0}.comp-context .menu.horizontal ul li:only-child{border-radius:var(--default-border-radius)}.comp-context .menu.horizontal ul li:after{width:1px;height:calc(100% - 16px);top:8px;right:0}.comp-context .menu.horizontal ul li span:first-child:not(.label){padding:0 8px}.comp-context .menu.horizontal ul li .icon-container{margin:0 0 4px;font-size:3rem}.comp-context .menu.horizontal ul li .loading-container{margin-bottom:4px;padding:4px 0}.comp-context .menu.vertical ul{flex-direction:column}.comp-context .menu.vertical ul li{flex-direction:row}.comp-context .menu.vertical ul li.multi-select{text-align:left;padding:12px}.comp-context .menu.vertical ul li.divider{background-color:hsla(var(--comp-secondary-light3), 1);height:4px;margin-top:-1px;padding:0}.comp-context .menu.vertical ul li .item-container{align-items:center;width:100%;padding:.4rem 1rem;display:flex}.comp-context .menu.vertical ul li:first-child{border-radius:var(--default-border-radius) var(--default-border-radius) 0 0}.comp-context .menu.vertical ul li:last-child{border-radius:0 0 var(--default-border-radius) var(--default-border-radius)}.comp-context .menu.vertical ul li:only-child{border-radius:var(--default-border-radius)}.comp-context .menu.vertical ul li:after{width:calc(100% - 16px);height:1px;bottom:0;left:8px}.comp-context .menu.vertical ul li span:first-child:not(.label){padding:8px}.comp-context .menu.vertical ul li .icon-container{margin:0 8px 0 0;font-size:3rem}.comp-context .menu.vertical ul li .loading-container{margin-right:8px;padding:4px}.comp-context .menu.vertical ul li .drag-handle{margin-left:auto;padding-left:8px}:root{--default-grid-pixels:8px;--default-header-height:64px}.comp-filtersearch{display:inline-flex}.comp-filtersearch .text-input-container{position:relative}.comp-filtersearch .chip{background:hsla(var(--comp-primary), 1);width:20px;height:20px;color:hsla(var(--comp-bright), 1);border-radius:100%;justify-content:center;align-items:center;font-size:80%;display:flex;position:absolute;top:-10px;right:-10px}.comp-filtersearch>*+*{margin-left:8px}