JezK

Edit File: block_design.css

.components-placeholder.bs-layout-selector-placeholder .components-placeholder__label,.components-placeholder.bs-column-selector-placeholder .components-placeholder__label{align-items:flex-start;line-height:1.4}.components-placeholder.bs-layout-selector-placeholder .components-placeholder__label .blockspare-svg,.components-placeholder.bs-column-selector-placeholder .components-placeholder__label .blockspare-svg{width:32px;height:32px}.components-placeholder.bs-layout-selector-placeholder .components-placeholder__fieldset,.components-placeholder.bs-column-selector-placeholder .components-placeholder__fieldset{width:auto;justify-content:center}.bs-popup-headings{display:flex;align-items:center;gap:.5em}.bs-popup-headings svg.blockspare-svg{height:30px;width:30px}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button{height:32px;min-height:32px;margin-right:8px;font-size:13px;font-weight:400;display:flex;align-items:center;justify-content:center;background:#8b259c;color:#fff;padding:6px 12px;cursor:pointer;border-radius:2px;white-space:nowrap;box-sizing:border-box}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button:hover,.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button:active{background:#8b259c;color:#fff}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button .blockspare-svg{background:#fff !important;padding:3px;border-radius:50%;width:18px;height:18px}.bs-save-template>button>svg,.bs-copy-template>button>svg{height:18px;width:18px}.bs-layout-selector-placeholder .components-placeholder__instructions{margin-bottom:20px;font-size:14px}.bs-layout-selector-placeholder .bs-layout-modal-button{font-size:16px;height:auto;padding:10px 20px;background-color:#8b259c;color:#fff}.bs-layout-selector-placeholder .bs-layout-modal-button:hover,.bs-layout-selector-placeholder .bs-layout-modal-button:active{background:#8b259c !important;color:#fff !important}.bs-layout-selector-placeholder .bs-layout-selector-placeholder-description{display:flex;align-items:center;gap:10px;font-size:14px}.bs-layout-selector-placeholder .bs-layout-selector-placeholder-description svg{margin:0}.bs-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.8)}.bs-layout-modal .components-modal__header{padding:0 20px;border-bottom-color:#d1d5db;gap:20px}.bs-layout-modal .components-modal__header .components-modal__header-heading-container{display:flex;align-items:center;gap:8px;flex-grow:0}.bs-layout-modal .components-modal__header .components-modal__icon-container{display:flex;align-items:center;justify-content:center}.bs-layout-modal .components-modal__header .components-modal__icon-container>svg{width:30px;height:30px}.bs-layout-modal .components-modal__header h1{background:-webkit-linear-gradient(#3b1a5b, #8b259c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;font-size:18px;line-height:30px}.bs-layout-modal .components-modal__header .bs-right-header-actions{display:flex;align-items:center;gap:12px}.bs-layout-modal .components-modal__header .bs-right-header-actions .bs-action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,0);left:0;color:#111827;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.bs-layout-modal .components-modal__header .bs-right-header-actions .bs-action-button:hover,.bs-layout-modal .components-modal__header .bs-right-header-actions .bs-action-button.bs-active-view{color:#8b259c;background:rgba(139,37,156,.1)}.bs-layout-modal .components-modal__header .bs-right-header-actions .bs-action-button:focus{box-shadow:none;outline:none;border:none}.bs-layout-modal .bs-sepearator{width:1px;height:20px;background-color:#d1d5db}.bs-layout-modal .components-modal__content{background:#fff;padding:0;overflow:hidden}.current-tab-bs-layout-tab-reusable-blocks.bs-layout-choices{display:block}.current-tab-bs-layout-tab-reusable-blocks.bs-layout-choices a{text-decoration:none}.bs-layout-modal.blockspare-dashboard .bs-layouts-wrappper{height:calc(100vh - 152px)}.bs-layout-modal.blockspare-dashboard .bs-layout-sidebar .bs-layout-category-list{height:calc(100vh - 278px)}[data-type="blockspare/bs-layouts"]{-webkit-animation:2s ease 0s normal forwards 1 fadein;animation:2s ease 0s normal forwards 1 fadein}@keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}.bs-layout-reusable{display:flex;flex-flow:row wrap;justify-content:space-around;font-size:14px;font-weight:600;padding:18px}.bs-layout-reusable:nth-child(even){background:#f2f2f2}.bs-layout-reusable>div{display:inline;flex:1 0 0}.bs-layout-reusable a:hover{cursor:pointer}.bs-layout-reusable:hover .bs-layout-reusable-actions{opacity:1}.bs-layout-reusable-actions{text-align:right;font-size:14px;font-weight:normal;opacity:1;transition:.1s ease}.bs-layout-reusable-actions span{padding-left:15px}.bs-layout-reusable-actions i{font-size:17px;margin-right:2px}.bs-layout-modal .bs-layout-modal-header-reusable{margin-bottom:0;font-weight:bold}.bs-layout-modal .bs-layout-modal-header-reusable a{text-decoration:none}.bs-layout-modal-header-reusable-actions{text-align:right}.bs-layout-modal-footer{position:absolute;bottom:-1px;width:100%;background:#3c3b3b;border-top:solid 1px #e0e0e0;z-index:50;padding:10px 10px 10px 32px;height:auto;font-size:11px;color:#fff}.bs-layout-modal-footer svg{position:absolute;left:10px;width:18px;color:#fff}.bs-layout-modal-footer a{text-decoration:none;color:#fff}.bs-layout-modal-footer a:hover{text-decoration:underline}.bs-layout-modal-footer a:focus{color:#fff;text-decoration:underline}.bs-layout-modal-footer span{margin:0 5px}.bs-layout-modal-footer .bs-pro-feedback{float:right;font-weight:bold;position:relative}.bs-layout-modal-footer .bs-pro-feedback svg{left:-22px}.bs-save-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bs-save-modal .components-modal__header{border-bottom:1px solid #d1d5db;padding:8px 24px;height:53px}.bs-save-modal .components-modal__header .components-modal__header-heading-container{align-items:center;gap:5px}.bs-save-modal .components-modal__header .components-modal__icon-container{display:flex}.bs-save-modal .components-modal__header .components-modal__icon-container svg{width:30px;height:30px}.bs-save-modal .components-modal__header .components-modal__header-heading{background:-webkit-linear-gradient(#3b1a5b, #8b259c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:16px;font-weight:500;line-height:1.4}.bs-save-modal .components-modal__header button:hover svg{fill:#8b259c}.bs-save-modal .components-modal__content{padding:20px 24px;margin-top:53px}.bs-save-modal .components-modal__content .bs-save-title-wrapper{display:flex;align-items:center;gap:5px;margin-bottom:20px}.bs-save-modal .components-modal__content .bs-save-title-wrapper .bs-save-title{margin:0;font-size:14px}.bs-save-modal .components-modal__content .bs-save-template-name{display:flex;gap:5px}.bs-save-modal .components-modal__content .bs-save-template-name>input{flex:1;width:100%;font-size:14px}.bs-save-modal .components-modal__content .bs-save-template-name>input:focus{border-color:#8b259c;box-shadow:0 0 0 1px #8b259c}.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button{font-size:14px;height:auto;padding:10px 20px;background-color:#8b259c;color:#fff;border-radius:4px}.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button:hover,.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button:active{background:#8b259c !important;color:#fff !important}.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button:disabled,.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button:disabled:hover,.bs-save-modal .components-modal__content .bs-save-template-name .bs-save-button:disabled:active{opacity:.7}.bs-save-modal .components-modal__content .bs-save-description{font-size:14px;margin-top:20px;margin-bottom:0}.bs-save-modal .components-modal__content .bs-save-link{color:#8b259c}.bs-save-modal .components-modal__content .bs-save-error{background:rgba(139,37,156,.1);margin:0;padding:20px;margin-bottom:20px;font-size:14px;border:1px solid rgba(139,37,156,.3);border-radius:4px;color:#8b259c}