@media screen and (min-width:501px){.xpanel{margin:0 0 25px 0}.xpanel-top{font:0/0 a;margin:0 0 15px 0}.xpanel-filters{font:0/0 a}.xpanel-filter{padding:0 10px 2px 10px;font:600 22px/28px 'source sans pro';margin:0 11px 5px 0;cursor:pointer;color:#000;transition:color 150ms}.xpanel-filter.active{background:#ffc248;color:#fff;border-radius:4px}.xpanel-h1{font:800 40px/38px 'source sans pro'}}@media screen and (max-width:500px){.xpanel-h1{font:700 27px/25px "source sans pro";margin:0 90px 10px 10px}.xpanel{position:relative;background:#fff;border-top:1px solid #fff;}.xpanel-filters{font:0/0 a}.xpanel-filter{color:#000;background:#fff;border:1px solid #ccc;display:inline-block;vertical-align:top;border-radius:2px;cursor:pointer;margin:0 24px 0 0}.xpanel-filter:last-child{margin-right:0}.xpanel-filter-name{display:inline-block;padding:0 6px;vertical-align:top;white-space:nowrap;overflow:hidden;max-width:280px;text-overflow:ellipsis;font:600 18px/25px geometria,arial;height:25px}.xpanel-filter.active{background:#ff0000;color:#fff;border-color:#ff0000}.xpanel-filter.active .xpanel-filter-new:after{color:#fff}.xpanel-filter.tick>.xpanel-filter-name{background-image:url(/source/front/widgets/panel/i2/tick.svg);background-repeat:no-repeat;background-position:right 7px top 12px;padding-right:18px}.xpanel-filter.active.tick>.xpanel-filter-name{background-image:url(/source/front/widgets/panel/i2/tick-white.svg)}.xpanel-filter-close{display:inline-block;position:relative;vertical-align:top;height:23px;background:url(/source/front/widgets/panel/i2/cross.svg) no-repeat 50% 50%;width:30px;background-size:12px auto}.xpanel-filter-close:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:1px;background:rgba(255,255,255,.7)}.xpanel-bottom{background:#fff}.xpanel-filters{white-space:nowrap;overflow:scroll;-webkit-overflow-scrolling:touch;padding:9px 10px 9px 10px}.xpanel-filter{margin:0 10px 0 0;transform:translate3d(0,0,0)}}