/* Filter Component Styles */

.budi-filter-offcanvas .offcanvas-title {
   font-size: 18px;
}

.budi-filter-offcanvas .budi-offcanvas__close-btn {
   font-size: 20px;
}

.budi-filter__result-title {
   color: var(--neutral-black);
}

.budi-filter__result {
   flex-shrink: 0;
   border-bottom: 1px solid var(--theme-border);
}

.budi-filter__result-clear-btn {
   color: var(--primary);
   cursor: pointer;
   min-height: 44px;
   min-width: 44px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

.budi-filter__collapse-btn {
   border: 0;
   border-bottom: 1px solid var(--theme-border);
   color: var(--neutral-black);
}

.budi-filter__collapse-btn-icon {
   width: 20px;
   height: 20px;
   transition: all 0.3s;
}

.budi-filter__collapse-btn[aria-expanded="true"] .budi-filter__collapse-btn-icon {
   transform: rotate(180deg);
}

.budi-filter__collapse-body {
   border-bottom: 1px solid var(--theme-border);
}

.budi-context-budi-app .budi-filter-offcanvas .offcanvas-footer {
   padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px) + 140px) !important;
}