.filter-group{position:relative;padding:20px 0;--icon-size:12px}.filter-group__title{font-size:1.6rem;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--colour-two);cursor:pointer;width:100%}.filter-group__title__label{margin-right:auto;font-family:"Nunito Semi Bold";font-weight:400;color:var(--colour-one);text-align:left}.filter-group__title__selected{text-align:right}.filter-group__title__icon{height:var(--icon-size);width:var(--icon-size)}.filter-group__title__icon .icon{transform:rotate(-90deg);height:var(--icon-size);width:var(--icon-size)}.filter-group__title__icon .icon path{fill:var(--colour-two)}.filter-group__title:focus-visible,.keyboard-input .filter-group__title:focus{box-shadow:0 0 0 2px inset #000;background:#ffd908;color:#000;border-color:#000}.filter-group__title:focus-visible .filter-group__title__label,.keyboard-input .filter-group__title:focus .filter-group__title__label{color:#000}.filter-group__wrapper{position:fixed;top:0;bottom:0;right:0;left:0;background:var(--colour-neutral);z-index:101;transform:translateX(100vw);transition:.5s;overflow:hidden}.filter-group__wrapper__header{height:60px;width:100%;display:flex;justify-content:center;align-items:center;line-height:4rem;background:var(--colour-filters-background);color:var(--colour-neutral);position:relative;font-size:2rem;padding:0 20px;font-family:"Nunito Semi Bold";font-weight:400}.filter-group__wrapper__header__back{position:absolute;left:20px;font-size:1.6rem;display:flex;align-items:center;gap:5px;line-height:2rem;cursor:pointer}.filter-group__wrapper__header__back__icon{height:25px;width:25px;background:var(--colour-neutral);border-radius:50%;display:flex;justify-content:center;align-items:center}.filter-group__wrapper__header__back__icon .icon{height:var(--icon-size);width:var(--icon-size)}.filter-group__wrapper__header__back__icon .icon path{fill:var(--colour-one)}.filter-group__wrapper__content{height:calc(100% - 60px);padding:30px 20px 120px;overflow:auto}.filter-group__wrapper__content__stick{padding-bottom:20px}.filter-group__wrapper__content__label{color:var(--colour-one);font-family:"Nunito Semi Bold";font-weight:400;font-size:1.6rem;margin-left:0!important}.filter-group__wrapper__content__label+.flag-wrap{margin-top:10px}.filter-group__wrapper__content .flag-wrap__flag__icon{border:1px solid #7e95a9;width:26px;height:26px}.filter-group__wrapper__content .flag-wrap__flag__text{font-size:1.6rem;padding-left:45px;line-height:2.6rem;margin-top:1px}.filter-group__wrapper__content .flag-wrap__flag--hidden{display:none}.filter-group__wrapper__content .flag-wrap__flag+.flag-wrap__wrap{margin-top:18px}.filter-group__wrapper__content .flag-wrap .form-group__icon{height:20px;width:20px;margin-left:10px;margin-right:10px}.filter-group__wrapper__content .flag-wrap .form-group__icon .icon{height:20px;width:20px}.filter-group__wrapper__content .flag-wrap .form-group__icon .icon path{fill:var(--colour-one)}.filter-group__wrapper__content .flag-wrap .form-group__form-control{font-size:1.6rem;color:var(--colour-one)}.filter-group__wrapper__content .flag-wrap .form-group__form-control::placeholder{color:var(--colour-one);opacity:.5}.filter-group__wrapper__content .flag-wrap .form-group+.flag-wrap__flag{margin-top:25px}.filter-group__wrapper__content .flag-wrap+.form-group{margin-top:20px}.filter-group__wrapper__content .form-group--hidden{display:none}.filter-group__wrapper__content .form-group+.form-group{margin-top:20px}.filter-group__wrapper__footer{position:absolute;bottom:0;width:100%;background:var(--colour-neutral);padding:20px;box-shadow:0 -3px 6px rgba(0,0,0,.1607843137)}.filter-group__wrapper__footer .button{width:100%;justify-content:center}.filter-group__wrapper--open{transform:translateX(0)}.filter-group+.filter-group{border-top:1px solid #dfdfdf}@media (max-width:1259px){.filter-group__wrapper__content__stick{position:sticky;top:0;background:#fff;z-index:1}.filter-group__wrapper__content__stick:before{content:"";position:absolute;top:-30px;left:0;right:0;height:30px;background:inherit}}@media (min-width:768px){.filter-group__wrapper__content .flag-wrap__flag__text{font-size:1.8rem}.filter-group__wrapper__content .flag-wrap__flag+.flag-wrap__flag{margin-top:15px}}@media (min-width:1260px){.filter-group{padding:0;border-radius:10px}.filter-group__title{padding:10px 15px 10px 20px;background:var(--colour-filters-background);border-radius:10px 10px 0 0;border:2px solid var(--colour-filters-background)}.filter-group__title__label{color:var(--colour-neutral);font-size:2rem}.filter-group__title__selected{display:none}.filter-group__title__icon{height:35px;width:35px;background:var(--colour-one);border-radius:50%;display:flex;justify-content:center;align-items:center}.filter-group__title__icon .icon{transform:rotate(0);height:15px;width:15px;transition:.2s transform linear}.filter-group__title__icon .icon path{fill:var(--colour-neutral)}.filter-group__wrapper{position:relative;z-index:9;transform:translateX(0);overflow:hidden;border-radius:0 0 10px 10px;border-bottom:2px solid rgba(0,129,158,.3607843137);border-left:2px solid rgba(0,129,158,.3607843137);border-right:2px solid rgba(0,129,158,.3607843137);height:auto;opacity:1}.filter-group__wrapper__header{display:none}.filter-group__wrapper__content{max-height:460px;overflow:auto;padding:30px 20px}.filter-group__wrapper__content .form-group .label{margin-left:0}.filter-group__wrapper__footer{display:none}.filter-group--closed .filter-group__title{border-radius:10px}.filter-group--closed .filter-group__title__icon .icon{transform:rotate(180deg)}.filter-group--closed .filter-group__wrapper{display:none}.filter-group+.filter-group{margin-top:20px;border-top:none}}