.oip-filter:is(fieldset){border:none;margin:0;padding:0}.oip-filter--dropdown{min-width:var(--oip-filter-dropdown-min-width);position:relative}.oip-filter--mobile{display:flex;flex-direction:column;gap:var(--oip-filter-mobile-gap)}.oip-filter__button{align-items:center;background-color:var(--oip-filter-button-background-color);border:1px solid var(--oip-filter-button-border-color);border-radius:var(--oip-filter-button-border-radius);color:var(--oip-filter-button-color);cursor:pointer;display:flex;font-family:var(--oip-filter-button-font-family);font-size:var(--oip-filter-button-font-size);font-weight:var(--oip-filter-button-font-weight);gap:var(--oip-filter-button-gap);justify-content:space-between;max-width:var(--oip-filter-button-max-width);min-width:var(--oip-filter-button-min-width);padding:var(--oip-filter-button-padding);transition:.2s ease;transition-property:background-color,border-color,color;width:100%}.oip-filter__button:hover{background-color:var(--oip-filter-button-hover-background-color)}.oip-filter__button--active{border-color:var(--oip-filter-button-active-border-color);color:var(--oip-filter-button-active-color);font-weight:var(--oip-filter-button-active-font-weight)}.oip-filter__button--open{border-radius:var(--oip-filter-button-border-radius) var(--oip-filter-button-border-radius) 0 0}.oip-filter__button--open span[class*=icon]{transform:rotate(180deg)}.oip-filter__button span[class*=icon]{flex-shrink:0;font-size:var(--oip-filter-button-icon-size);transition:.2s ease;transition-property:transform;width:var(--oip-filter-button-icon-size)}.oip-filter__label{flex:1;font-family:var(--oip-filter-button-font-family);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.oip-filter__title{color:var(--oip-filter-title-color);font-size:var(--oip-filter-title-font-size);font-weight:var(--oip-filter-title-font-weight);margin:0;padding:0}.oip-filter--mobile .oip-filter__title{margin-bottom:var(--oip-filter-mobile-gap)}.oip-filter__choices{display:flex;flex-direction:column}.oip-filter--dropdown .oip-filter__choices{background-color:var(--oip-filter-choices-background-color);border:1px solid var(--oip-filter-choices-border-color);border-radius:0 0 var(--oip-filter-choices-border-radius) var(--oip-filter-choices-border-radius);box-shadow:var(--oip-filter-choices-box-shadow);color:var(--oip-filter-choices-color);left:0;max-height:300px;max-width:calc(var(--oip-filter-button-max-width) - 2px);overflow-y:auto;position:absolute;right:0;top:calc(100% - 1px);z-index:1100}.oip-filter--mobile .oip-filter__choices{gap:var(--oip-filter-choices-gap)}.oip-filter__option{background-color:var(--oip-filter-option-background-color);border-radius:var(--oip-filter-option-border-radius);border-top:none;border:1px solid var(--oip-filter-option-border-color);border-left-width:4px;color:var(--oip-filter-option-color);display:flex}.oip-filter__option--active,.oip-filter__option:hover{background-color:var(--oip-filter-option-hover-background-color)}.oip-filter__option .oip-filter__option-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;opacity:0;width:0}.oip-filter__option .oip-filter__option-input:checked~.oip-filter__option-label:before{color:var(--oip-filter-option-checked-icon-color);font-family:Material Icons Outlined}.oip-filter__option .oip-filter__option-input:checked[type=radio]~.oip-filter__option-label:before{content:"radio_button_checked"}.oip-filter__option .oip-filter__option-input:checked[type=checkbox]~.oip-filter__option-label:before{content:"check_box"}.oip-filter__option .oip-filter__option-input:focus-visible~.oip-filter__option-label span{text-decoration:underline}.oip-filter__option-input[type=radio]~.oip-filter__option-label:before{content:"radio_button_unchecked"}.oip-filter__option-input[type=checkbox]~.oip-filter__option-label:before{content:"check_box_outline_blank"}.oip-filter__option-label{align-items:flex-start;color:var(--oip-filter-option-label-color);display:flex;flex-direction:row;gap:var(--oip-filter-option-label-gap);line-height:24px;padding:var(--oip-filter-option-padding-block) var(--oip-filter-option-padding-inline);text-decoration:none;width:100%}.oip-filter__option-label:before{color:var(--oip-filter-option-icon-color);flex-shrink:0;font-family:Material Icons Outlined;font-size:var(--oip-filter-option-icon-size);height:var(--oip-filter-option-icon-size);width:var(--oip-filter-option-icon-size)}.oip-filter__option:has(.oip-filter__option-input:checked){border:1px solid var(--oip-filter-option-checked-border-color);border-left-width:4px}.oip-filter--dropdown .oip-filter__option{border-radius:0}.oip-filter--dropdown .oip-filter__option:last-of-type{--options-border-radius:var(--oip-filter-choices-border-radius);--options-border-width:1px;--option-radius:calc(var(--options-border-radius) - var(--options-border-width));border-radius:0 0 var(--option-radius) var(--option-radius)}.button--icon-lg [class*=Icons],.button--icon-lg [class*=icons]{font-size:24px;max-width:24px}.button--no-underline{text-decoration:none!important}.button--disabled,.button:disabled{background-color:var(--color-gray)!important;border-color:var(--color-gray)!important;color:var(--color-white);cursor:default;pointer-events:none}.oip-filter-bar--mobile{align-items:center;display:flex}@media(min-width:768px){.oip-filter-bar--mobile{display:none}}.oip-filter-bar--desktop{align-items:center;background-color:var(--oip-filter-bar-background-color);border-radius:var(--oip-filter-bar-border-radius);display:flex;flex-wrap:wrap;gap:var(--oip-filter-bar-gap);padding-block-end:var(--oip-filter-bar-padding-block-end);padding-block-start:var(--oip-filter-bar-padding-block-start);padding-inline-end:var(--oip-filter-bar-padding-inline-end);padding-inline-start:var(--oip-filter-bar-padding-inline-start)}@media(max-width:767px){.oip-filter-bar--desktop{display:none}}.oip-filter-bar__label{color:var(--oip-filter-bar-label-color);flex:0 0 auto;font-family:var(--oip-filter-bar-label-font-family);font-weight:var(--oip-filter-bar-label-font-weight);white-space:nowrap}.oip-filter-bar__filters{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;font-family:var(--font-family-body);gap:var(--oip-filter-bar-gap)}.oip-filter-chips{align-items:center;display:flex;flex-wrap:wrap;gap:var(--oip-filter-chips-gap)}.oip-filter-chips__clear-button{font-weight:var(--oip-filter-chips-clear-button-font-weight)}@media(max-width:767px){.oip-filter-chips__clear-button{padding:0}}.oip-filter__wrapper{display:flex;flex-direction:column;font-family:var(--oip-filter-wrapper-font-family);gap:var(--oip-filter-wrapper-gap);margin-block-end:1rem}.docs-story .oip-filter__wrapper:has(.oip-filter-modal){min-height:600px}.oip-filter-modal{background-color:var(--oip-filter-modal-background-color);border-radius:var(--oip-filter-modal-border-radius) var(--oip-filter-modal-border-radius) 0 0;display:flex;flex-direction:column;gap:var(--oip-filter-modal-gap);margin-top:1rem;max-height:calc(100% - 1rem);overflow-y:auto;padding:var(--oip-filter-modal-padding)}.oip-filter-modal__backdrop{background-color:var(--oip-filter-modal-backdrop-background-color);display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:fixed;z-index:1050}@media(min-width:768px){.oip-filter-modal__backdrop{display:none}}.oip-filter-modal__header{flex-direction:column;flex-shrink:0}.oip-filter-modal__header,.oip-filter-modal__header-actions{display:flex;gap:var(--oip-filter-modal-header-gap);justify-content:space-between}.oip-filter-modal__header-actions{align-items:center;width:100%}.oip-filter-modal__heading{color:var(--oip-filter-modal-heading-color);font-family:var(--font-family-heading);font-size:var(--oip-filter-modal-heading-font-size);font-weight:var(--oip-filter-modal-heading-font-weight);margin:0}.oip-filter-modal__close{height:-moz-fit-content;height:fit-content;padding:0;width:var(--oip-filter-modal-close-button-size)}.oip-filter-modal__close span[class*=icon]{font-size:var(--oip-filter-modal-close-button-size);width:var(--oip-filter-modal-close-button-size)}.oip-filter-modal__content{display:flex;flex-direction:column;font-family:var(--font-family-body);gap:var(--oip-filter-modal-content-gap);overflow-y:auto}.oip-filter-modal__footer{flex-shrink:0;padding-bottom:var(--oip-filter-modal-footer-padding-bottom)}.oip-filter-chip{align-items:center;background-color:var(--oip-filter-chip-background-color);border:1px solid var(--oip-filter-chip-border-color);border-radius:var(--oip-filter-chip-border-radius);color:var(--oip-filter-chip-color);display:inline-flex;font-size:var(--oip-filter-chip-font-size);gap:var(--oip-filter-chip-gap);height:-moz-fit-content;height:fit-content;line-height:var(--oip-filter-chip-line-height);padding-block-end:var(--oip-filter-chip-padding-block-end);padding-block-start:var(--oip-filter-chip-padding-block-start);padding-inline-end:var(--oip-filter-chip-padding-inline-end);padding-inline-start:var(--oip-filter-chip-padding-inline-start)}@media(min-width:768px){.oip-filter-chip{font-size:var(--oip-filter-chip-desktop-font-size);line-height:var(--oip-filter-chip-desktop-line-height);padding-block-end:var(--oip-filter-chip-desktop-padding-block-end);padding-block-start:var(--oip-filter-chip-desktop-padding-block-start);padding-inline-end:var(--oip-filter-chip-desktop-padding-inline-end);padding-inline-start:var(--oip-filter-chip-desktop-padding-inline-start)}}.oip-filter-chip__group{font-weight:var(--oip-filter-chip-group-font-weight)}.oip-filter-chip__label{font-weight:var(--oip-filter-chip-label-font-weight)}.oip-filter-chip__remove{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;opacity:.7;padding:0;transition:opacity .2s ease}.oip-filter-chip__remove:hover{opacity:1}.oip-filter-chip__remove span[class*=icon]{font-size:var(--oip-filter-chip-remove-icon-size)}