+.paragraphs-icon {
+ display: inline-block;
+ height: 20px;
+ width: 20px;
+ background: no-repeat center;
+ background-size: 16px 16px;
+}
+
+.paragraphs-icon-view {
+ background-image: url("../icons/icon-view.svg");
+}
+
+.paragraphs-icon-edit-info {
+ background-image: url("../icons/icon-edit-info.svg");
+}
+
+.paragraphs-icon-edit-disabled {
+ background-image: url("../icons/icon-edit-disabled.svg");
+}
+
+.paragraphs-icon-delete {
+ background-image: url("../icons/icon-delete.svg");
+}
+
+.paragraphs-icon-delete-disabled {
+ background-image: url("../icons/icon-delete-disabled.svg");
+}
+
+.paragraphs-icon-lock {
+ background-image: url("../icons/icon-lock.svg");
+}
+
+.paragraphs-icon-changed {
+ background-image: url("../icons/icon-changed.svg");
+}
+
+.paragraphs-icon-collapse {
+ background-image: url("../icons/icon-collapse.svg");
+}
+
+.paragraphs-icon-warning {
+ background-image: url("../icons/icon-warning.svg");
+}
+
+.paragraphs-icon-error {
+ background-image: url("../icons/icon-error.svg");
+}
+
+@media (max-width: 768px) {
+ .button.paragraphs-icon-button {
+ padding: 0;
+ width: 36px !important;
+ height: 36px;
+ background-position: center !important;
+ background-repeat: no-repeat !important;
+ background-size: 24px 24px;
+ border-radius: 4px;
+ text-indent: -9999em;
+ }
+ .button.paragraphs-icon-button-collapse, .button.paragraphs-icon-button-collapse:active, .button.paragraphs-icon-button-collapse:hover, .button.paragraphs-icon-button-collapse:focus {
+ background-image: url("../icons/icon-collapse.svg");
+ }
+ .button.paragraphs-icon-button-collapse:disabled, .button.paragraphs-icon-button-collapse:disabled:active {
+ background-image: url("../icons/icon-collapse-disabled.svg");
+ }
+ .button.paragraphs-icon-button-edit, .button.paragraphs-icon-button-edit:active, .button.paragraphs-icon-button-edit:hover, .button.paragraphs-icon-button-edit:focus {
+ background-image: url("../icons/icon-edit.svg");
+ }
+ .button.paragraphs-icon-button-edit:disabled, .button.paragraphs-icon-button-edit:disabled:active {
+ background-image: url("../icons/icon-edit-disabled.svg");
+ }
+}
+
+.paragraph-type-info {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.paragraphs-tabs-wrapper .paragraphs-tabs {
+ display: none;
+}
+
+.js .field--widget-paragraphs th .paragraphs-actions {
+ float: right;
+ margin-right: -11px;
+}
+
+.js .field--widget-paragraphs .paragraphs-dropbutton-wrapper {
+ display: -webkit-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;