--- /dev/null
+.paragraphs-dragdrop {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ min-height: 50px;
+}
+
+.paragraphs-dragdrop:empty {
+ border: 1px dashed #999999;
+ margin-bottom: 10px;
+}
+
+.paragraphs-dragdrop .paragraphs-dragdrop {
+ margin-left: 10px;
+ margin-right: 5px;
+}
+
+@media all and (min-width: 780px) {
+ .paragraphs-dragdrop .paragraphs-dragdrop {
+ margin-left: 20px;
+ }
+}
+
+.paragraphs-dragdrop > li {
+ min-height: 30px;
+ margin: 10px 0;
+ padding: 3px;
+ border: 1px solid #999999;
+ border-left-width: 10px;
+ -webkit-transition: border .5s ease;
+ transition: border .5s ease;
+ border-radius: 3px;
+ cursor: move;
+}
+
+.paragraphs-dragdrop .paragraphs-summary-wrapper {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 5px;
+}
+
+.paragraphs-dragdrop strong {
+ white-space: nowrap;
+}
+
+.paragraphs-dragdrop .paragraphs-dragdrop-wrapper {
+ margin-left: 39px;
+ margin-top: 20px;
+}
+
+.paragraphs-dragdrop > li .paragraphs-summary-wrapper > div {
+ -webkit-box-flex: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ margin-left: 10px;
+}
+
+.paragraphs-dragdrop .sortable-drag {
+ opacity: 0;
+}
+
+.paragraphs-dragdrop > .sortable-ghost,
+.paragraphs-dragdrop .sortable-chosen {
+ opacity: 1;
+ border-left-color: black;
+}
+
+.paragraphs-dragdrop .tabledrag-handle {
+ float: left;
+ padding: 5px;
+ -webkit-align-self: flex-start;
+ -ms-flex-item-align: start;
+ align-self: flex-start;
+}
+
+[dir="rtl"] .paragraphs-dragdrop .tabledrag-handle {
+ float: right;
+}
+
+.touchevents .paragraphs-dragdrop .tabledrag-handle {
+ padding: 0 0 0 5px;
+ margin-top: -5px;
+}
+
+.js .field--widget-paragraphs .paragraphs-dragdrop .field--widget-paragraphs {
+ margin-left: 5px;
+}
+
+.field-dragdrop-mode-submit {
+ margin-right: 10px;
+}
+
+.paragraphs-dragdrop-wrapper {
+ padding-top: 10px;
+}