.layoutCardWrapper{border-radius:10px;flex-direction:column;width:100%;height:100%;transition:height .5s;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000026}.layoutCardWrapper.collapsed{flex-shrink:0;height:45px!important}.layoutCardWrapper .layoutCardHeader{background-color:#f8f8fa;flex:0 0 45px;justify-content:space-between;align-items:center;gap:10px;height:45px;padding:0 20px;display:flex}.layoutCardWrapper .layoutCardHeader .layoutCardTitle{font-family:Open Sans,sans-serif;font-weight:600;font-style:SemiBold;letter-spacing:0%;color:#231f20;gap:5px;font-size:16px;line-height:100%;display:flex}.layoutCardWrapper .layoutCardHeader .layoutCardTitle.collapsible{cursor:pointer}.layoutCardWrapper .layoutCardHeader .collapseIcon{align-items:center;transition:transform .5s;display:flex}.layoutCardWrapper .layoutCardHeader .collapseIcon.closed{transform:rotate(180deg)}.layoutCardWrapper .layoutCardBody{opacity:1;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;font-size:14px;transition:max-height .5s,opacity .5s;display:flex;overflow:hidden}.layoutCardWrapper .layoutCardBody.closed{opacity:0;max-height:0;padding:0 16px}.layoutCardWrapper.dark{color:#f4f5f6;box-shadow:0 1px 4px #f4f5f626}.layoutCardWrapper.dark .layoutCardHeader{background-color:#12131b}.layoutCardWrapper.dark .layoutCardHeader .layoutCardTitle{color:#f4f5f6}.layoutCardWrapper.dark .layoutCardBody{background-color:#20212d}@keyframes appearSoftly{0%{opacity:0}to{opacity:1}}