.base-composite{width:100%;min-height:26px;margin:3px 0 0}.base-composite--border{border:1px solid #ccd0d9;border-radius:4px}.base-composite--colored>.base-composite__controls,.base-composite--colored>.base-composite__controls>.base-composite__arrow-button{-webkit-animation:backgroundColorAnimation 1.5s linear 4;animation:backgroundColorAnimation 1.5s linear 4}.base-composite__controls{padding:2px 2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;min-height:26px}.base-composite__controls--border-bottom{border-bottom:1px solid #ccd0d9}.base-composite__controls--dragging-zone{border-color:#b6b9bf}.base-composite__view-composite-button{font-family:Fira Sans,Arial,serif;font-size:12px;font-weight:400;line-height:16px;color:#535659;margin:0 auto 0 0;text-align:left;border:1px dashed transparent;border-radius:5px}.base-composite__view-composite-button--open{color:#2b2f33;background-color:#e0e2e5;outline:2px solid #e0e2e5;border-radius:4px;width:90%}.base-composite__view-composite-button--dragging-zone{border-color:#b6b9bf}.base-composite__toggle-icon{stroke:#8f99a6;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.base-composite__toggle-icon--open{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.base-composite__toggle-icon--viewed{stroke:#2b2f33;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.base-composite__children--margined{margin:0 0 0 15px}@media screen and (min-width:1640px){.base-composite{margin-bottom:15px}.base-composite__view-composite-button{font-size:16px;line-height:1.33}.base-composite__arrow-button{height:auto}.base-composite__toggle-icon{width:16px;height:9px}}@-webkit-keyframes backgroundColorAnimation{0%{background-color:#fff}50%{background-color:#babcbe}to{background-color:#fff}}@keyframes backgroundColorAnimation{0%{background-color:#fff}50%{background-color:#babcbe}to{background-color:#fff}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s;transition:opacity .15s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (min-width:1640px){.base-composite__controls{min-height:48px}}