.bf-form-section{--section-border:solid 1px var(--border-color-secondary);border-radius:var(--border-radius-base);position:relative}.bf-form-section.open>.section-title,.bf-form-section.open>.section-title button.bf-button{border-bottom-right-radius:0;border-bottom-left-radius:0}.bf-form-section.open>.section-title .state-indicator .bf-icon{transform:rotate(180deg)}.bf-form-section>.section-title{background:var(--background-color-primary);border-radius:var(--border-radius-base);width:100%;transition:border-radius .2s;display:flex}.bf-form-section>.section-title .state-indicator{padding-right:var(--p-5)}.bf-form-section>.section-title .state-indicator .bf-icon{width:14px;height:14px;transition:transform .2s}.bf-form-section>.section-title>button.bf-button{font-size:var(--font-size-md);background:0 0;flex:1;justify-content:flex-start;transition:border-radius .2s}.bf-form-section>.section-title>.right{justify-content:center;align-items:center;padding:0 10px;display:flex}.bf-form-section>.collapse-container>.section-content{border-top:var(--section-border);padding:var(--p-6)}.bf-form-section>.outer-border{border-radius:var(--border-radius-base);border:var(--section-border);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}