@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
1 lines • 2.96 kB
CSS
.eufemia-scope--11_8_2 .dnb-filter{display:flex;flex-direction:column}.eufemia-scope--11_8_2 .dnb-filter__header{background-color:var(--token-color-background-neutral-subtle);border-top-left-radius:var(--token-radius-xl);border-top-right-radius:var(--token-radius-xl);display:flex;flex-direction:column;padding:1rem;position:relative}.eufemia-scope--11_8_2 .dnb-filter__header:after{border:.0625rem solid var(--token-color-stroke-neutral-subtle);border-bottom:none;border-radius:inherit;bottom:-.0625rem;content:"";left:-.0625rem;pointer-events:none;position:absolute;right:-.0625rem;top:-.0625rem;z-index:10}.eufemia-scope--11_8_2 .dnb-filter__search{flex:1}.eufemia-scope--11_8_2 .dnb-filter__search .dnb-input{min-width:160px}@media screen and (max-width:40em){.eufemia-scope--11_8_2 .dnb-filter__search{flex-basis:100%}}.eufemia-scope--11_8_2 .dnb-filter__search--show-indicator .dnb-input__icon{color:transparent}.eufemia-scope--11_8_2 .dnb-filter__toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.eufemia-scope--11_8_2 .dnb-filter__quick-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.eufemia-scope--11_8_2 .dnb-filter__quick-filters:first-child{margin-top:0}.eufemia-scope--11_8_2 .dnb-filter__active-filters{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.eufemia-scope--11_8_2 .dnb-filter__active-filters__scroll{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.125rem 0 0 -.125rem;max-height:10rem;padding:.125rem 0 .5rem .125rem}.eufemia-scope--11_8_2 .dnb-filter__active-filters__label{font-size:var(--font-size-basis)}.eufemia-scope--11_8_2 .dnb-filter__active-filters__header{padding:0}.eufemia-scope--11_8_2 .dnb-filter__item-content{align-items:center;display:flex;gap:1rem}.eufemia-scope--11_8_2 .dnb-filter__panel{align-items:flex-start;background-color:var(--token-color-background-neutral);border-radius:var(--token-radius-xl);display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;width:100%}.eufemia-scope--11_8_2 .dnb-filter__panel .dnb-filter__hr{margin-left:-1rem;width:calc(100% + 2rem)}.eufemia-scope--11_8_2 .dnb-filter__panel .dnb-accordion__tertiary-content{border-radius:var(--token-radius-md);margin-left:1rem;padding:.5rem .5rem 0}.eufemia-scope--11_8_2 .dnb-filter__panel-actions{display:flex;gap:1rem}.eufemia-scope--11_8_2 .dnb-filter__content .dnb-list__container{background-color:var(--list-item-background-color)}.eufemia-scope--11_8_2 .dnb-filter__content .dnb-height-animation .dnb-list__container,.eufemia-scope--11_8_2 .dnb-filter__content .dnb-list:first-child .dnb-list__item:first-child{border-top-left-radius:0;border-top-right-radius:0}.eufemia-scope--11_8_2 .dnb-filter__content .dnb-list__container:has(.dnb-list__item.dnb-skeleton){border-top-left-radius:0;border-top-right-radius:0}.eufemia-scope--11_8_2 .dnb-filter__highlighting{background-color:transparent;color:inherit;font-weight:var(--font-weight-bold)}