paragraphs_ee.categories.css in Paragraphs Editor Enhancements 8

.ui-dialog .paragraphs-add-dialog--categorized.ui-widget-content.ui-dialog-content{margin:0;max-height:550px;padding:15px 20px}.js .paragraphs-add-dialog--categorized .category-title,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .category-title{color:#3c4f60;font-size:16px;text-transform:none}.js .paragraphs-add-dialog--categorized summary,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized summary{color:#717171;display:block;font-size:12px;font-weight:normal;text-transform:none}.js .paragraphs-add-dialog--categorized .dialog-header,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .dialog-header{margin:0 0 15px 0}.js .paragraphs-add-dialog--categorized .filter,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .filter{display:inline-block;width:calc(100% - 100px)}.js .paragraphs-add-dialog--categorized .item-filter,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .item-filter{font-size:12px;padding:5px 10px;width:100%}.js .paragraphs-add-dialog--categorized .search-description,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .search-description{font-size:10px;margin:10px 0 0 0}.js .paragraphs-add-dialog--categorized .search-description label,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .search-description label{font-weight:normal;text-transform:none}.js .paragraphs-add-dialog--categorized .search-description input,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .search-description input{margin-right:5px}.js .paragraphs-add-dialog--categorized .button-group,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .button-group{margin-bottom:10px}.js .paragraphs-add-dialog--categorized .button-group.js-hide,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .button-group.js-hide{display:none}.js .paragraphs-add-dialog--categorized .display-toggle,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .display-toggle{background-color:#3c4f60;background-size:29px 29px;cursor:pointer;float:right;height:29px;margin-left:4px;text-indent:-100000px;width:29px}.js .paragraphs-add-dialog--categorized .display-toggle.style-tiles,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .display-toggle.style-tiles{-webkit-mask-image:url("../images/style-tiles.svg");mask-image:url("../images/style-tiles.svg")}.js .paragraphs-add-dialog--categorized .display-toggle.style-list,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .display-toggle.style-list{-webkit-mask-image:url("../images/style-list.svg");mask-image:url("../images/style-list.svg");background-color:#a6a6a6}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .style-tiles,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .style-tiles{background-color:#a6a6a6}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .style-list,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .style-list{background-color:#3c4f60}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-list,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-list{display:block;flex-wrap:nowrap;max-width:675px}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-row,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-row{display:block;flex:none;text-align:left;width:670px}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-row.js-hide,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-add-dialog-row.js-hide{display:none}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more{-webkit-appearance:button;border-radius:5px;display:block;min-height:25px;padding:10px 10px 10px 0px;text-align:left;text-shadow:none}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:before{background-image:url(../images/paragraph_add.svg);background-size:20px 20px;content:"";display:inline-block;float:left;height:20px;left:-10px;position:relative;top:50%;width:20px}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:active:before,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:focus:before,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:hover:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:active:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:focus:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--add-more:hover:before{background-image:url(../images/paragraph_add.hover.svg)}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--icon,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-button--icon{display:none}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-label,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-label{color:#3c4f60;max-width:none;padding-left:10px;text-align:left;width:auto}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-description,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .paragraphs-description{display:block;margin-top:2px;max-width:620px;padding-left:30px}.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:active,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:focus,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:hover,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:active,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:focus,.js .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:hover,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:active,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:focus,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:hover,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:active,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:focus,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:hover,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:active,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:focus,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-tiles:hover,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:active,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:focus,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized.paragraphs-style-list .display-toggle.style-list:hover,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:active,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:focus,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-tiles:hover,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:active,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:focus,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .display-toggle.style-list:hover{background-color:#40b6ff}.js .paragraphs-add-dialog--categorized .paragraphs-add-dialog-list,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-add-dialog-list{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;max-width:675px}.js .paragraphs-add-dialog--categorized .paragraphs-add-dialog-row,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-add-dialog-row{display:inline-block;flex-grow:0;flex-shrink:0;flex-basis:30%}.js .paragraphs-add-dialog--categorized .paragraphs-add-dialog-row.js-hide,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-add-dialog-row.js-hide{display:none}.js .paragraphs-add-dialog--categorized .paragraphs-button--add-more,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--add-more{background:none;border-radius:5px;display:flex;flex-direction:column;height:100%;margin:0;min-height:150px;min-width:205px;padding:5px;text-align:center;width:100%;border:1px solid #a6a6a6 !important}.js .paragraphs-add-dialog--categorized .paragraphs-button--add-more:active,.js .paragraphs-add-dialog--categorized .paragraphs-button--add-more:focus,.js .paragraphs-add-dialog--categorized .paragraphs-button--add-more:hover,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--add-more:active,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--add-more:focus,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--add-more:hover{border-color:#40b6ff}.js .paragraphs-add-dialog--categorized .paragraphs-button--icon,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--icon{-webkit-backface-visibility:hidden;background-color:transparent;background-position-x:center;background-repeat:no-repeat;background-size:contain;border-radius:4px;height:123px;margin:0 0 15px 0;padding:0;width:203px}.js .paragraphs-add-dialog--categorized .paragraphs-button--icon.image-default,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-button--icon.image-default{background-image:url(../images/paragraphs-logo.png)}.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--icon:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--icon:before{background-image:url(../images/paragraph_add.svg);background-size:62px 62px;content:"";display:inline-block;float:left;height:62px;left:50%;margin-left:-31px;margin-top:-31px;opacity:0;position:relative;top:50%;transition:opacity 500ms ease-in-out;width:62px}.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:active .paragraphs-button--icon:before,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:focus .paragraphs-button--icon:before,.js .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:hover .paragraphs-button--icon:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:active .paragraphs-button--icon:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:focus .paragraphs-button--icon:before,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized:not(.paragraphs-style-list) .paragraphs-button--add-more:hover .paragraphs-button--icon:before{background-image:url(../images/paragraph_add.hover.svg);opacity:1}.js .paragraphs-add-dialog--categorized .paragraphs-label,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-label{color:#3c4f60;margin-bottom:5px;max-width:184px;overflow:hidden;padding:0 4px 0 8px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.js .paragraphs-add-dialog--categorized .paragraphs-description,.ui-dialog.ui-dialog-off-canvas.paragraphs-ee-off-canvas--browser #drupal-off-canvas .paragraphs-add-dialog--categorized .paragraphs-description{color:#717171;font-size:12px;font-weight:normal;max-height:44px;overflow:hidden;padding:0 4px 0 8px;text-align:left;text-overflow:ellipsis}