.filter-group-content{max-height:0;transition:max-height .3s ease-out;overflow:hidden}.filter-group.active .filter-group-content{max-height:1000px;transition:max-height .5s ease-in;overflow:visible}.colour-chip.active{border-width:3px;box-shadow:0 0 0 2px #fc6b2733;border-color:#fc6b27!important}.colour-chip:focus,.colour-chip:focus-visible{outline:none}.colour-tooltip{z-index:50;visibility:hidden;white-space:nowrap;pointer-events:none;opacity:0;color:#fff;background-color:#1f2937;border-radius:6px;width:max-content;padding:4px 8px;font-size:.75rem;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.colour-tooltip:after{content:"";border:4px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.colour-chip:hover .colour-tooltip{visibility:visible;opacity:1}#filter-drawer.show{animation:.3s op-fadeIn;display:block}#filter-drawer .absolute{transition:transform .3s;transform:translate(-100%)}#filter-drawer.show .absolute{transform:translate(0)}.filter-chip{color:#fc6b27;background-color:#fdcb9c;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.filter-chip button{cursor:pointer;color:#fc6b27;align-items:center;transition:color .2s;display:flex}.filter-chip button:hover{color:#fe9459}@keyframes op-fadeIn{0%{opacity:0}to{opacity:1}}