.collapsible{transition:margin-bottom ease-out .3s}.collapsible.active{margin-bottom:0}.collapsible .collapsible-header{display:flex;justify-content:space-between;cursor:pointer}.collapsible .collapsible-header .right-elements{display:flex;align-content:center;justify-content:center;align-items:center}.collapsible .collapsible-header .right-elements .icon-container{display:flex;flex:1;margin-right:1.5rem;height:2rem;width:2rem;border:2px solid gray;justify-content:center;border-radius:100%}.collapsible .collapsible-header .right-elements .icon-container>*{display:flex;align-items:center;height:100%;font-size:1.125rem}.collapsible .collapsible-content{margin-top:3.2rem}.collapsible-wrapper .collapsible-header{border-radius:.75rem;background-color:#e3e5e8;color:#5f6a7a;transition:background-color .4s ease}.collapsible-wrapper .collapsible-header.active{background-color:#8fbe36;color:#fff}.collapsible-wrapper .collapsible-header.active .right-elements .icon-container{border-color:#fff}.collapsible-wrapper .collapsible-header.active .right-elements .icon-container i{color:#fff;transform:rotate(180deg)}.collapsible-wrapper .collapsible-header .box-frame{flex:1;padding:.8rem 1.5rem;font-weight:700;font-size:1.125rem}.collapsible-wrapper .collapsible-header .box-frame .box-frame-title{display:flex;-webkit-user-select:none;user-select:none;justify-content:space-between}.collapsible-wrapper .collapsible-header .box-frame .box-frame-title .right-text{display:flex;font-size:.9rem;color:#cc3e3a;line-height:1;align-items:center}.collapsible-wrapper .collapsible-header .right-elements .icon-container{display:flex;flex:1;margin-right:1.5rem;height:2rem;width:2rem;border:2px solid #5F6A7A;justify-content:center;border-radius:100%}.collapsible-wrapper .collapsible-header .right-elements .icon-container i{display:flex;transition:transform .4s ease;color:#5f6a7a;justify-content:center}