.period-filter{width:100%}.period-filter__label{background-color:var(--background);color:var(--text-minor-color);font:var(--body-small-short-font);margin:0 0 0 var(--space-100);padding:0 var(--space-50);position:relative;z-index:10}.period-filter__datepicker{width:100%}.period-filter__datepicker .calendar-component__toggle{margin-top:-.8rem;width:100%}.period-filter__datepicker .calendar-component__toggle .app-btn{background:transparent;border:1px solid var(--control-secondary-color);border-radius:var(--control-radius);box-sizing:border-box;color:var(--text-primary-color);cursor:text;font:var(--body-medium-long-font);height:4rem;letter-spacing:.25px;line-height:1;margin:0;padding:var(--space-100) var(--space-150);text-overflow:ellipsis;transition:color .3s,background-color .3s,border-color .3s;width:100%}.period-filter__datepicker .calendar-component__toggle .app-btn__content{justify-content:center;width:100%}.filters-component{background-color:var(--background);bottom:0;display:flex;flex-direction:column;max-width:100%;position:absolute;right:0;top:0;transform:translate(100%);transition:transform .3s;width:36.4rem;z-index:110}@media(max-width:580px){.filters-component{width:100%}}.filters-component__wrapper{background:#2e323d4d;height:100%;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;width:100%;z-index:5000}.filters-component__wrapper.--active{opacity:1;pointer-events:auto}.filters-component__wrapper.--active .filters-component{transform:translate(0)}.filters-component__scroll{flex:1 1 auto;min-height:0}.filters-component__periods{flex:0 0 auto}.filters-component__content{padding:0 var(--space-400)}.filters-component__content-periods{padding:var(--space-300) var(--space-400) 0}.filters-component__header{align-items:center;color:var(--text-primary-color);display:flex;justify-content:space-between;padding:var(--space-300) var(--space-400);width:100%}.filters-component__header .app-btn.--icon{color:var(--control-primary-color);font-size:1.2rem}.filters-component__title{font:var(--desktop-heading-h3-font);letter-spacing:.3px}@media(max-width:540px){.filters-component__title{font:var(--mobile-heading-h3-font)}}.filters-component__subtitle{font:var(--body-small-subtitle-font);margin-bottom:var(--space-150)}.filters-component__item{align-items:center;display:flex;width:100%}.filters-component__item>*{margin-bottom:var(--space-300)}.filters-component__item:last-child>*{margin-bottom:0}.filters-component__group .filter-checkbox{margin-bottom:var(--space-150)}.filters-component__footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding:var(--space-300) var(--space-400);width:100%}.filters-component__footer .app-btn.--primary{padding-left:var(--space-300);padding-right:var(--space-300)}@media(max-width:580px){.filters-component__footer{justify-content:flex-end;padding:var(--space-300) var(--space-400)}}@media(max-width:380px){.filters-component__footer{justify-content:space-between}}.filters-component__reset{margin-right:var(--space-150)}@media(max-width:440px){.filters-component__content{padding:0 var(--space-200)}.filters-component__content-periods{padding:var(--space-300) var(--space-200) 0}.filters-component__footer,.filters-component__header{padding:var(--space-250) var(--space-200)}.filters-component__content{display:block}}