.characteristic-group-list-component{position:fixed;top:138px;left:0;width:300px;height:calc(100vh - 138px);border-top:1px solid var(--faint-strong);-webkit-box-shadow:1px 0 4px rgba(0,0,0,.1);box-shadow:1px 0 4px rgba(0,0,0,.1);z-index:110}@media(max-width:1330px){.characteristic-group-list-component{width:260px}}.characteristic-group-list-component>header{margin-bottom:20px}.characteristic-group-list-component>header .title{padding:20px 10px 10px var(--table-horizontal-padding-size);font-weight:700}.characteristic-group-list-component>header .actions{padding-left:var(--table-horizontal-padding-size)}.characteristic-group-list-component>header .actions .mds-btn{font-size:12px}.characteristic-group-list-component .group-list{overflow-y:auto;height:calc(100vh - 223px);padding-bottom:20px}.characteristic-group-list-component .group-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;padding:10px 12px 10px var(--table-horizontal-padding-size);cursor:pointer;-webkit-transition:background-color .3s ease-out;transition:background-color .3s ease-out}.characteristic-group-list-component .group-list-item.selected{background:var(--accent-weak)}.characteristic-group-list-component .group-list-item.selected:hover,.characteristic-group-list-component .group-list-item:hover:not(.selected){background:var(--accent-weak-up)}.characteristic-group-list-component .group-list-item:hover .mds-btn{opacity:1}.characteristic-group-list-component .group-list-item .mds-btn{opacity:.2}.characteristic-group-list-component .draggable>.draggable{border-top:1px solid transparent}.characteristic-group-list-component .draggable.dragging-in-progress>.draggable>*{pointer-events:none}.characteristic-group-list-component .draggable.dragging-in-progress>.draggable.drag-hovered-el{background:var(--accent-weak-up)}.characteristic-group-list-component .draggable.dragging-in-progress>.draggable.drag-hovered-el.paste-after+article,.characteristic-group-list-component .draggable.dragging-in-progress>.draggable.drag-hovered-el:not(.paste-after){border-top:1px solid var(--accent-strong);-webkit-transition:border-top-color .3s ease-out;transition:border-top-color .3s ease-out}.characteristic-group-list-component .draggable.dragging-in-progress>.draggable.drag-hovered-el:last-child.paste-after{border-bottom:1px solid var(--accent-strong)}.characteristics-page{display:grid;grid-template-rows:100%;grid-template-columns:300px 1fr;width:calc(100% + 120px);margin:0 -60px}.characteristics-page .characteristic-groups{position:fixed;top:138px;left:0;display:grid;grid-template-rows:77px 1fr;grid-template-columns:100%;width:264px;height:calc(100vh - 154px);border-top:1px solid var(--faint-strong);-webkit-box-shadow:inset -2px 0 7px rgba(3,26,48,.25);box-shadow:inset -2px 0 7px rgba(3,26,48,.25)}.characteristics-page .characteristic-groups>header{border-bottom:1px solid var(--faint-strong)}.characteristics-page .characteristic-groups>header .title{padding:20px 10px 10px;font-size:16px}.characteristics-page .characteristic-groups>header .actions{padding:0 10px}.characteristics-page .characteristic-groups>header .actions .mds-btn{font-size:12px}.characteristics-page .characteristic-groups .group-list .group-list-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:7px 12px;cursor:pointer}.characteristics-page .characteristic-groups .group-list .group-list-item.selected{background:var(--accent-weak)}.characteristics-page .characteristic-groups .group-list .group-list-item:hover .mds-btn{opacity:1}.characteristics-page .characteristic-groups .group-list .group-list-item .mds-btn{opacity:.2}.characteristics-page .mds-datagrid tfoot .datagrid-actions-bar .datagrid-actions-bar-content{padding-left:36px}