:root{--bsaweb--expandable-collapse--gap:1.25rem;--bsaweb--expandable-collapse--wrapper--bg-color--modal:rgba(0,0,0,.75);--bsaweb--expandable-collapse--content--bg-color--modal:#fff;--bsaweb--expandable-collapse--content--color--modal:#000;--bsaweb--expandable-collapse--wrapper--z-index--modal:var(--bsaweb--z-index--overlay,15)}.bsaweb-expandable-collapse{display:flex;flex-direction:column;gap:var(--bsaweb--expandable-collapse--gap)}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=collapse]) .bsaweb-expandable-collapse__wrapper{display:none}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=collapse]) .bsaweb-expandable-collapse__wrapper--is-visible{display:block}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__wrapper{background-color:var(--bsaweb--expandable-collapse--wrapper--bg-color--modal);height:100%;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:var(--bsaweb--expandable-collapse--wrapper--z-index--modal)}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__wrapper--is-visible{opacity:1;transition:opacity .3s;visibility:visible}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__wrapper--is-visible .bsaweb-expandable-collapse__content{transform:translateY(0);transition:transform .3s}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__content{background-color:var(--bsaweb--expandable-collapse--content--bg-color--modal);box-shadow:var(--bsaweb--expandable-collapse--content--box-shadow--modal,var(--bsaweb--shadow--md));color:var(--bsaweb--expandable-collapse--content--color--modal);max-height:100dvh;overflow-y:auto;padding:var(--bsaweb--expandable-collapse--content--padding--modal,2rem 1.5rem);transform:translateY(-1em)}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__close-btn{align-items:center;background-color:color-mix(in srgb,currentColor 5%,transparent);border-radius:50%;display:flex;height:var(--bsaweb--expandable-collapse--close-btn--size,32px);justify-content:center;position:absolute;right:2rem;top:2rem;transition:.2s;width:var(--bsaweb--expandable-collapse--close-btn--size,32px);z-index:2}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__close-btn:focus,:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__close-btn:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}:where(.bsaweb-expandable-collapse--collapsed[data-collapsed-layout=modal]) .bsaweb-expandable-collapse__close-btn .bsaweb-icon{display:block}[class*=bsaweb-expandable-collapse--expand]:before{content:"collapsed";display:none}@media(min-width:32rem){.bsaweb-expandable-collapse--expand\@xs:before{content:"expanded"}}@media(min-width:48rem){.bsaweb-expandable-collapse--expand\@sm:before{content:"expanded"}}@media(min-width:64rem){.bsaweb-expandable-collapse--expand\@md:before{content:"expanded"}}@media(min-width:80rem){.bsaweb-expandable-collapse--expand\@lg:before{content:"expanded"}}@media(min-width:90rem){.bsaweb-expandable-collapse--expand\@xl:before{content:"expanded"}}@media(min-width:37.5rem){.bsaweb-expandable-collapse--expand\@wp-sm:before{content:"expanded"}}