25 lines
37 KiB
CSS
25 lines
37 KiB
CSS
|
[class*=blockart]{--wp-admin-theme-color: #215ad7}[class*=blockart] *{box-sizing:border-box}.block-editor-block-icon .blockart-icon:not(.blockart-column-block) path{fill:#215ad7 !important}.blockart-library-button{all:unset;background-color:#2563eb;transition:all 200ms;border-radius:2px;padding:10px 15px !important;cursor:pointer;font-size:14px;color:#fcfcfc;display:flex;align-items:center;height:unset !important;white-space:nowrap;margin:0 10px}.blockart-library-button:hover,.blockart-library-button:focus,.blockart-library-button:active{background-color:#215ad7;color:#fff !important}.blockart-control ul,.blockart-control li{margin:0}.blockart-control-label{display:inline-block;font-size:13px;font-weight:600;color:#64748b;line-height:17px}.blockart-icon{fill:#64748b;height:18px;width:18px}.blockart-control input[type=text]{border:1px solid #e2e8f0;font-weight:600;width:100%;color:#64748b;font-size:12px;padding:10px 16px}.blockart-units-btn{border:1px solid #7ea6ff;background:#e1eaff;text-transform:uppercase;font-weight:600;font-size:10px;color:#2563eb;border-radius:2px;width:30px;height:21px;cursor:pointer}.blockart-units-menu{z-index:1}.blockart-units-menu button{background:#fff;color:#64748b;margin-bottom:4px;text-transform:uppercase;font-weight:600;font-size:10px;border:2px solid #e2e8f0;border-radius:2px;width:30px;height:21px;padding:0;cursor:pointer}.blockart-device-selector{padding:6px 0 !important;display:flex}.blockart-device-selector .blockart-device{all:unset;cursor:pointer;padding:4px;width:16px;height:16px;border-radius:2px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.blockart-device-selector .blockart-device svg{height:13px;width:13px}.blockart-device-selector .blockart-device.active{background:#e1eaff}.blockart-device-selector .blockart-device.active svg{fill:#2563eb}.blockart-textarea .components-base-control__label{font-size:13px;font-weight:600;color:#64748b;line-height:17px}.blockart-textarea .components-textarea-control__input{border:1px solid #e2e8f0;font-weight:600;width:100%;color:#64748b;font-size:12px;padding:10px 16px}
|
||
|
|
.blockart-tab-panel .blockart-tab-panel-menu{display:grid;grid-template-columns:repeat(var(--blockart-tab-grid), 1fr);grid-gap:13px;text-align:center}.blockart-tab-panel .blockart-tab-panel-menu[data-grid="3"]{--blockart-tab-grid: 3}.blockart-tab-panel .blockart-tab-panel-menu[data-grid="2"]{--blockart-tab-grid: 2}.blockart-tab-panel .blockart-tab-panel-menu .blockart-tab-panel-menu-item{all:unset;padding:8px 16px;background-color:#fafbff;border-radius:2px;color:#2563eb;font-size:14px;font-weight:600;cursor:pointer;line-height:19px}.blockart-tab-panel .blockart-tab-panel-menu .blockart-tab-panel-menu-item.is-active{background-color:#2563eb;color:#fcfcfc;position:relative}.blockart-tab-panel .blockart-tab-panel-menu .blockart-tab-panel-menu-item.is-active::after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:7px solid #2563eb;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.blockart-tab-panel .blockart-tab-panel-body{margin-top:25px}.block-editor-block-inspector .components-panel__body{border:none;border-top:0}.components-panel[data-blockart-inspector-controls] .components-panel__body.block-editor-block-inspector__advanced{display:none}
|
||
|
|
.blockart-advance-select.blockart-inline{display:flex;justify-content:space-between}.blockart-advance-select.blockart-inline .blockart-advance-select-item button{all:unset;width:40px;height:20px;border:1px solid #f2e8f0}.blockart-advance-select.blockart-inline .blockart-advance-select-item button.is-active{background-color:#e1eaff;border:1px solid #7ea6ff}.blockart-advance-select-items{display:flex;grid-gap:6px}.blockart-advance-select-item{min-height:34px;width:100%;display:flex;flex-direction:column;text-align:center}.blockart-advance-select-item button{all:unset;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #f2e8f0;border-radius:2px;min-height:34px;cursor:pointer;color:#64748b}.blockart-advance-select-item button.is-active{background-color:#e1eaff;color:#2563eb;border:1px solid #7ea6ff}.blockart-advance-select-item button.is-active svg{fill:#2563eb}.blockart-advance-select-item label{margin-top:8px;color:#64748b}.blockart-advance-select-head{display:flex;align-items:center;gap:20px}.blockart-advance-select-body{margin-top:16px}
|
||
|
|
@keyframes rcSelectDropdownSlideUpIn{0%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}100%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}}@keyframes rcSelectDropdownSlideUpOut{0%{opacity:1;transform-origin:0% 0%;transform:scaleY(1)}100%{opacity:0;transform-origin:0% 0%;transform:scaleY(0)}}@keyframes rcSelectLoadingIcon{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.rc-select{display:inline-block;font-size:12px;width:100%;position:relative}.rc-select .rc-select-selection-placeholder{opacity:.4;pointer-events:none}.rc-select .rc-select-selection-search-input{appearance:none}.rc-select .rc-select-selection-search-input::-webkit-search-cancel-button{display:none;appearance:none}.rc-select-disabled{cursor:not-allowed}.rc-select-disabled input{cursor:not-allowed}.rc-select-disabled .rc-select-selector{opacity:.3}.rc-select-show-arrow.rc-select-loading .rc-select-arrow-icon::after{box-sizing:border-box;width:12px;height:12px;border-radius:100%;border:2px solid #999;border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);transform:none;margin-top:4px;animation:rcSelectLoadingIcon .5s infinite}.rc-select-single .rc-select-selector{display:flex;position:relative}.rc-select-single .rc-select-selector .rc-select-selection-search{width:100%}.rc-select-single .rc-select-selector .rc-select-selection-search-input{width:100%}.rc-select-single .rc-select-selector .rc-select-selection-item{position:absolute;top:1px;left:3px;pointer-events:none}.rc-select-single .rc-select-selector .rc-select-selection-placeholder{position:absolute;top:1px;left:3px;pointer-events:none}.rc-select-single:not(.rc-select-customize-input) .rc-select-selector{padding:1px;border:1px solid #000}.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search-input{border:none;outline:none;background:rgba(255,0,0,.2);width:100%}.rc-select-multiple .rc-select-selector{display:flex;flex-wrap:wrap;padding:1px;border:1px solid #000}.rc-select-multiple .rc-select-selector .rc-select-selection-item{flex:none;background:#bbb;border-radius:4px;margin-right:2px;padding:0 8px}.rc-select-multiple .rc-select-selector .rc-select-selection-item-disabled{cursor:not-allowed;opacity:.5}.rc-select-multiple .rc-select-selector .rc-select-selection-overflow{display:flex;flex-wrap:wrap;width:100%}.rc-select-multiple .rc-select-selector .rc-select-selection-overflow-item{flex:none;max-width:100%}.rc-select-multiple .rc-select-selector .rc-select-selection-search{position:relative;max-width:100%}.rc-select-multiple .rc-select-selector .rc-select-selection-search-input{padding:1px;font-family:system-ui;border:none;outline:none;background:rgba(255,0,0,.2);width:100%}.rc-select-multiple .rc-select-selector .rc-select-selection-search-mirror{padding:1px;font-family:system-ui;position:absolute;z-index:999;white-space:nowrap;position:static;left:0;top:0;visibility:hidden}.rc-select-allow-clear.rc-select-multiple .rc-select-selector{padding-right:20px}.rc-select-allow-clear .rc-select-clear{position:absolute;right:20px;top:0}.rc-select-show-arrow.rc-select-multiple .rc-select-selector{padding-right:20px}.rc-select-show-arrow .rc-select-arrow{pointer-events:none;position:absolute;right:5px;top:0}.rc-select-show-arrow .rc-select-arrow-icon::after{content:"";border:5px solid rgba(0,0,0,0);width:0;height:0;display:inline-block;border-top-color:#999;transform:translateY(5px)}.rc-select-focused .rc-select-selector{border-color:blue !important}.rc-select-dropdown{border:1px solid green;min-height:100px;position:absolute;background:#fff}.rc-select-dropdown-hidden{display:none}.rc-select-item{font-size:16px;line-height:1.5;padding:4px 16px}.rc-select-item-group{color:#999;font-weight:bold;font-size:80%}.rc-select-item-option{position:relative}.rc-select-item-option .rc-select-item-option-state{position:absolute;right:0;top:4px;pointer-events:none}.rc-select-item-option-grouped{padding-left:24px}.rc-select-item-option-active{background:#ddd}.rc-select-item-option-disabled{color:#999}.rc-select-item-empty{text-align:center;color:#999}.rc-se
|
||
|
|
.blockart-slider-head{display:flex;gap:8px;align-items:center;margin-bottom:8px}.blockart-slider-head .blockart-units{margin-left:auto}.blockart-slider-head .blockart-units .blockart-units-menu{position:absolute;margin:4px 0}.blockart-range .components-input-control__input{height:40px !important}.blockart-range .components-range-control__root{align-items:center}.blockart-range .components-input-control__backdrop{border-color:#e2e8f0 !important}
|
||
|
|
.blockart-pop-over{position:relative}.blockart-pop-over-head{width:100%;display:flex;justify-content:space-between;align-items:center}.blockart-pop-over-toggle-button{border:1px solid #e2e8f0;background-color:#fff;margin:0;padding:0;width:26px;height:26px;display:flex;justify-content:center;align-items:center;cursor:pointer}.blockart-pop-over-body{min-width:290px;box-shadow:0 8px 17px rgba(100,116,139,.1),0 4px 8px rgba(100,116,139,.1);padding:14px;border-radius:2px}.blockart-pop-over-body>.blockart-control:not(:last-child){margin-bottom:10px}
|
||
|
|
.blockart-panel .blockart-panel-body.components-panel__body{margin-bottom:1px;border-bottom:1px solid #dbdbdb}.blockart-panel .blockart-panel-body.is-opened{background-color:#fafbff}.blockart-panel .blockart-panel-body.is-opened.components-panel__body>.components-panel__body-title{margin-bottom:25px}.blockart-panel .blockart-panel-body .components-panel__body-toggle{border:0;box-shadow:0 1px 0 #dbdbdb;border-radius:0}.blockart-panel .blockart-panel-body .components-panel__body-toggle:hover{background-color:#fafbff}.blockart-panel .blockart-panel-body .blockart-control{margin-bottom:25px}.blockart-panel .blockart-panel-body .blockart-control:last-child{margin-bottom:0}.blockart-panel .blockart-panel-body p{color:#64748b}.components-panel__body-toggle.components-button{color:#64748b;font-size:14px}
|
||
|
|
.blockart-dimensions.blockart-responsive{margin-bottom:25px}.blockart-dimensions.blockart-responsive:last-child{margin-bottom:0}.blockart-dimensions-head{display:flex;gap:8px;align-items:center}.blockart-dimensions-head .blockart-units{margin-left:auto}.blockart-dimensions-head .blockart-units .blockart-units-menu{position:absolute;margin:4px 0}.blockart-dimensions-container{display:flex;text-align:center;gap:6px;padding-top:16px}.blockart-dimensions-container .blockart-dimension{display:block}.blockart-dimensions-container .blockart-dimension label{color:#64748b;margin-right:0 !important}.blockart-dimensions-container .blockart-dimension .components-base-control__field{display:flex;flex-direction:column-reverse}.blockart-dimensions-container .blockart-dimension input::-webkit-outer-spin-button,.blockart-dimensions-container .blockart-dimension input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.blockart-dimensions-container .blockart-dimension input[type=number]{-moz-appearance:textfield}.blockart-dimensions-container input[type=number]{height:40px;border-color:#e2e8f0}.blockart-dimensions-label{width:auto}.blockart-dimensions-lock{border-color:rgba(0,0,0,0);background:none;margin-bottom:30px;cursor:pointer}.blockart-dimensions-lock svg{fill:#2563eb}
|
||
|
|
.blockart-url-input-body{margin-top:8px}.blockart-url-input-body .components-base-control{margin-bottom:0}.blockart-url-input-body .blockart-inline:not(:last-child){padding-bottom:16px}.blockart-url-input-body input[type=text]{border:1px solid #e2e8f0;font-weight:600;width:100%;color:#64748b;font-size:12px;padding:10px 16px}
|
||
|
|
.blockart-typography .blockart-select,.blockart-typography .blockart-slider-head,.blockart-typography .blockart-pop-over-head{margin-top:26px}
|
||
|
|
.blockart-size-head{position:absolute}.blockart-size-buttons{display:flex;gap:8px;justify-content:flex-end}.blockart-size-button{border:1px solid #e2e8f0;background:#fcfdff;width:30px;border-radius:2px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.blockart-size-button.is-active{background-color:#e1eaff;color:#2563eb;border:1px solid #7ea6ff}.blockart-size-button.is-active svg{fill:#2563eb}.blockart-size-popover{margin-top:12px}
|
||
|
|
.blockart-media label{color:#64748b;font-size:13px;font-weight:600;width:100%}.blockart-media .blockart-media-head{display:flex;align-items:center}.blockart-media .blockart-media-head .blockart-media-types{display:flex;gap:8px}.blockart-media .blockart-media-head .blockart-media-types .blockart-media-type{all:unset;padding:2px 4px;background-color:#fafbff;border-radius:2px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0}.blockart-media .blockart-media-head .blockart-media-types .blockart-media-type.is-active{background-color:#e1eaff;color:#2563eb;position:unset;border:1px solid #7ea6ff}.blockart-media .blockart-media-head .blockart-media-types .blockart-media-type::after{all:unset}.blockart-media-body{margin-top:16px}.blockart-media .blockart-media-placeholder{cursor:pointer}.blockart-media .blockart-media-placeholder img{width:100%;height:155px;object-fit:cover;margin-bottom:16px}.blockart-media .blockart-media-button{background:#2563eb;color:#fafbff;border-radius:2px;font-weight:600;cursor:pointer;padding:12px 20px;border:1px solid #2563eb;display:inline-flex}.blockart-media .blockart-media-button svg{height:20px;width:20px;fill:#fafbff}.blockart-media .blockart-media-button-text{padding-left:12px}.blockart-media .blockart-media-delete{all:unset;padding-left:18px}.blockart-media .blockart-media-delete svg{height:24px;width:24px;fill:#df4a6e;cursor:pointer}.blockart-media .blockart-media-external{display:flex;flex-direction:column;gap:12px}
|
||
|
|
.blockart-color-head{display:flex;align-items:center;margin-bottom:12px;justify-content:space-between}.blockart-color-buttons{display:flex}.blockart-color-buttons .blockart-color-clear-button{all:unset}.blockart-color-buttons .blockart-color-clear-button svg{width:13px;height:13px}.blockart-color-buttons .blockart-color-toggle-button{display:flex;padding:8px;gap:16px;background:#fcfcfc;border:1px solid #e2e8f0;align-items:center;margin-left:8px;border-radius:2px;cursor:pointer}.blockart-color-buttons .blockart-color-indicator{border:1px solid #e2e8f0}.blockart-color-buttons .blockart-color-text{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase}.blockart-color-picker button{width:28px;height:28px;box-shadow:inset 0 0 0 14px;color:rgba(0,0,0,0)}.blockart-color-picker .blockart-color-palette .components-circular-option-picker__swatches{margin-bottom:12px}.blockart-color-picker div[data-wp-component=ColorPicker] .components-button:hover{color:rgba(0,0,0,0)}.blockart-color-picker div[data-wp-component=ColorPicker] .components-button svg{fill:#000}.blockart-color-picker div[data-wp-component=ColorPicker] .components-button.is-pressed{color:#000}.blockart-color-picker div[data-wp-component=ColorPicker] .components-button.is-pressed svg{fill:#fff}.blockart-color-picker .css-pezhm9-StyledLabel{color:#64748b;font-size:14px;font-weight:600}.blockart-color-picker .components-color-picker__inputs-toggle.has-icon{border:1px solid #e2e8f0;background:#e2e8f0}.blockart-color-picker .components-color-picker__inputs-toggle.has-icon:hover{background:#e2e8f0;color:#e2e8f0}.blockart-color-picker .components-color-picker__inputs-toggle.has-icon svg{fill:#64748b}.blockart-color-picker .components-color-picker__inputs-wrapper{align-items:flex-end;flex-direction:row}.blockart-color-picker .components-color-picker__inputs-wrapper .components-text-control__input[type=text]{border:1px solid #e2e8f0;text-transform:uppercase}.blockart-color-body{box-shadow:0 2px 20px 2px #ebebeb;padding:14px}.block-editor-block-inspector .components-base-control:last-child,.block-editor-block-inspector .components-base-control{margin-bottom:0}
|
||
|
|
.blockart-toggle.blockart-inline{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.blockart-toggle .blockart-toggle-body{position:relative;display:inline-block}.blockart-toggle .blockart-toggle-track{content:"";display:inline-block;box-sizing:border-box;vertical-align:top;background-color:#fff;border:3px solid #64748b;width:30px;height:18px;border-radius:9px;transition:.2s background ease}@media(prefers-reduced-motion: reduce){.blockart-toggle .blockart-toggle-track{transition-duration:0s;transition-delay:0s}}.blockart-toggle.is-checked .blockart-toggle-track{background-color:#2563eb;border:1px solid #2563eb}.blockart-toggle.is-checked .blockart-toggle-thumb{background-color:#fff;border-width:0;transform:translateX(10px)}.blockart-toggle .blockart-toggle-thumb{display:block;position:absolute;box-sizing:border-box;top:4px;left:5px;width:9px;height:9px;border-radius:50%;transition:.1s transform ease;background-color:#64748b}@media(prefers-reduced-motion: reduce){.blockart-toggle .blockart-toggle-thumb{transition-duration:0s;transition-delay:0s}}.blockart-toggle .blockart-toggle-checkbox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;border:none}.blockart-toggle .blockart-toggle-checkbox:focus+.blockart-toggle-track{box-shadow:0 0 0 2px #fff,0 0 0 4px #007cba;outline:2px solid rgba(0,0,0,0);outline-offset:2px}.blockart-toggle .blockart-toggle-checkbox::before{content:""}
|
||
|
|
.blockart-background .blockart-background-types{display:flex;gap:8px}.blockart-background .blockart-background-types .blockart-background-type{border:1px solid #e2e8f0;background-color:#fafbff;display:flex;align-items:center;border-radius:2px;padding:4px}.blockart-background .blockart-background-types .blockart-background-type svg{height:14px;width:14px;cursor:pointer}.blockart-background .blockart-background-types .blockart-background-type.is-active{background-color:#e1eaff;border:1px solid #7ea6ff}.blockart-background .blockart-background-types .blockart-background-type.is-active svg{fill:#2563eb}.blockart-background .blockart-background-head{display:flex;justify-content:space-between;margin-bottom:8px}.blockart-background .blockart-select-button{margin-bottom:8px;width:100%}.blockart-background .blockart-media{margin-bottom:25px}.blockart-background .blockart-select-head{margin-bottom:8px}.blockart-background input[type=text]{border:1px solid #e2e8f0}.blockart-background svg{height:14px;width:14px}
|
||
|
|
.blockart-icon-selector-head{display:flex;justify-content:space-between}.blockart-icon-list-icons{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:16px;border:1px solid #e2e8f0;padding:8px 5px;justify-content:center;max-height:168px;overflow-y:scroll;overflow-x:hidden}.blockart-icon-list-icons::-webkit-scrollbar{width:4px}.blockart-icon-list-icons::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #64748b;border-radius:10px}.blockart-icon-list-icons::-webkit-scrollbar-thumb{background:#2563eb;border-radius:10px}.blockart-icon-list-icons::-webkit-scrollbar-thumb:hover{background:#64748b}.blockart-icon-list-icons .blockart-icon-btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid #e2e8f0;cursor:pointer;border-radius:2px;padding:4px}.blockart-icon-list-icons .blockart-icon-btn.is-active{background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.5)}.blockart-icon-list-icons .blockart-icon-btn.is-active svg{fill:#2563eb}.blockart-icon-selector-body input[type=text]{width:100%;margin-bottom:8px;padding:9px 16px;border:1px solid #e2e8f0;border-radius:2px;font-size:12px;font-weight:600;margin-top:25px}
|
||
|
|
.blockart-layout{padding:20px}.blockart-layout .blockart-refresh-btn{all:unset;cursor:pointer;display:block;margin:-20px 0 20px auto}.blockart-layout .blockart-refresh-btn .blockart-icon{fill:#2563eb}.blockart-layout .blockart-template{background:#fff;border-radius:2px;transition:all 200ms ease;position:relative;margin-bottom:20px}.blockart-layout .blockart-template:last-child{margin-bottom:0}.blockart-layout .blockart-template .blockart-template-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;place-items:center;background-color:rgba(255,255,255,.5)}.blockart-layout .blockart-template img{border-radius:2px 2px 0 0}.blockart-layout .blockart-template button{all:unset;cursor:pointer;color:#fff;background-color:#2563eb;padding:6px 10px;border-radius:2px;opacity:0}.blockart-layout .blockart-template-info{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#f8f9ff}.blockart-layout .blockart-template:hover{box-shadow:0 8.72px 17.44px rgba(100,116,139,.1),0 4.36px 8.72px rgba(100,116,139,.1)}.blockart-layout .blockart-template:hover button{opacity:1}
|
||
|
|
.blockart-input{display:flex;align-items:center}.blockart-input.blockart-input-top{flex-direction:column;align-items:flex-start}.blockart-input .blockart-control-head{margin-right:8px;margin-bottom:8px}.blockart-input .blockart-control-body{align-items:center;box-sizing:border-box;border-radius:inherit;display:flex;flex:1 1 0;position:relative;background-color:#fff;width:100%;margin-bottom:8px}.blockart-input .blockart-control-body input{width:100%;padding:10px 16px;background-color:rgba(0,0,0,0);box-sizing:border-box;border:1px solid #e2e8f0 !important;display:block;outline:none;min-height:30px;box-shadow:none !important;color:#64748b;font-size:13px;font-weight:600}.blockart-input .blockart-control-body .components-base-control__field{margin:0 !important}.blockart-input .blockart-control-body .components-base-control{width:100%}
|
||
|
|
.components-modal__frame.blockart-library-modal{width:100%;height:100%;max-width:1300px;max-height:685px;overflow:hidden}.components-modal__frame.blockart-library-modal .components-modal__header{display:none}.components-modal__frame.blockart-library-modal .components-modal__content{padding:0;margin:0;overflow:hidden}.components-modal__frame.blockart-library-modal .components-modal__content::before{margin:0}.components-modal__frame.blockart-library-modal *{color:#64748b;font-weight:600}.blockart-library-modal-head{display:flex;padding:13px 0;height:15%}.blockart-library-modal-head .blockart-library-modal-logo{width:30%}.blockart-library-modal-head .blockart-library-modal-logo,.blockart-library-modal-head .blockart-library-modal-actions,.blockart-library-modal-head .blockart-library-modal-close{display:flex;align-items:center}.blockart-library-modal-head .blockart-library-modal-actions{width:75%;justify-content:center;gap:13px}.blockart-library-modal-head .blockart-library-modal-actions button{all:unset;padding:8px 16px;background-color:#fafbff;border-radius:2px;color:#2563eb;font-size:14px;font-weight:600;cursor:pointer;line-height:19px}.blockart-library-modal-head .blockart-library-modal-actions button.active{background-color:#2563eb;color:#fcfcfc;position:relative}.blockart-library-modal-head .blockart-library-modal-actions button.active::after{content:"";width:0;height:0;border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-top:7px solid #2563eb;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.blockart-library-modal-head .blockart-library-modal-close{width:5%;justify-content:center}.blockart-library-modal-body{display:flex;height:85%}.blockart-library-modal-body .blockart-library-modal-sidebar{width:30%}.blockart-library-modal-body .blockart-library-modal-content{width:100%;height:100%;background-color:#e5e5e5;padding:24px 28px;overflow-y:scroll;position:relative}.blockart-library-modal-sidebar ul{overflow-y:auto}.blockart-library-modal-sidebar input{width:80%;margin:0 30px}.blockart-library-modal-logo,.blockart-library-modal-sidebar h3{padding-left:30px}.blockart-library-modal-category-filter{height:calc(100% - 98px)}.blockart-library-modal-category-filter li button{all:unset;padding:12px 30px;width:calc(100% - 60px);display:flex;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:600}.blockart-library-modal-category-filter li button.is-active,.blockart-library-modal-category-filter li button:hover{background-color:#e1eaff}.blockart-library-modal-category-filter li button.is-active span,.blockart-library-modal-category-filter li button:hover span{color:#2563eb}.blockart-library-modal-sub-header{padding-bottom:24px}.blockart-library-modal-content-area .blockart-templates{display:grid;grid-template-columns:repeat(auto-fill, minmax(290px, 1fr));grid-gap:30px}.blockart-library-modal-content-area .blockart-templates .blockart-template{background:#fff;border-radius:2px;transition:all 200ms ease;position:relative}.blockart-library-modal-content-area .blockart-templates .blockart-template .blockart-template-overlay{position:absolute;top:0;left:0;bottom:0;right:0;display:grid;place-items:center;background-color:rgba(255,255,255,.5)}.blockart-library-modal-content-area .blockart-templates .blockart-template img{border-radius:2px 2px 0 0;width:100%;height:auto}.blockart-library-modal-content-area .blockart-templates .blockart-template button{all:unset;cursor:pointer;color:#fff;background-color:#2563eb;padding:6px 10px;border-radius:2px;opacity:0}.blockart-library-modal-content-area .blockart-templates .blockart-template-info{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.blockart-library-modal-content-area .blockart-templates .blockart-template:hover{box-shadow:0 8.72px 17.44px rgba(100,116,139,.1),0 4.36px 8.72px rgba(100,116,139,.1)}.blockart-library-modal-content-area .blockart-templates .blockart-template:hover button{opacity:1}.blockart-library-modal-content-area .components-spinner{position:absolute;top:50%;left:50%;transform:trans
|
||
|
|
.css-ebmrdk-Container .css-c3bpo-BackdropUI.css-c3bpo-BackdropUI.css-c3bpo-BackdropUI{border:1px solid #e2e8f0;font-weight:600;width:100%;color:#64748b;font-size:12px}.css-1kxnmuk-View-LabelWrapper .css-mg0xik-View-BaseLabel.css-mg0xik-View-BaseLabel.css-mg0xik-View-BaseLabel{font-size:13px;font-weight:600;color:#64748b;line-height:17px}.components-panel__body .components-panel__body-toggle.components-button svg{fill:#64748b;height:18px;width:18px}.interface-interface-skeleton__sidebar{overflow-x:hidden}.blockart-input label,.blockart-input .components-input-control__input{color:#64748b !important;font-size:13px !important;font-weight:600 !important;margin-bottom:8px !important}.blockart-input .components-input-control__backdrop{border:1px solid #e2e8f0 !important;font-weight:600 !important;width:100%;color:#64748b !important;font-size:13px !important;padding:10px 16px !important}
|
||
|
|
.blockart-buttons .block-editor-inner-blocks{width:100%}.blockart-buttons div[data-type="blockart/button-inner"]{margin:0 !important}.blockart-buttons .block-editor-block-list__layout{display:flex;gap:8px}.blockart-buttons.is-vertical .block-editor-block-list__layout{flex-direction:column}.blockart-buttons.is-vertical.is-justification-left .block-editor-block-list__layout{align-items:flex-start}.blockart-buttons.is-vertical.is-justification-center .block-editor-block-list__layout{align-items:center}.blockart-buttons.is-vertical.is-justification-right .block-editor-block-list__layout{align-items:flex-end}.blockart-buttons.is-justification-left .block-editor-block-list__layout{justify-content:flex-start}.blockart-buttons.is-justification-center .block-editor-block-list__layout{justify-content:center}.blockart-buttons.is-justification-right .block-editor-block-list__layout{justify-content:flex-end}.blockart-buttons.is-justification-space-between .block-editor-block-list__layout{justify-content:space-between}.blockart-buttons.is-horizontal.is-vertical-alignment-top .block-editor-block-list__layout{align-items:flex-start}.blockart-buttons.is-horizontal.is-vertical-alignment-center .block-editor-block-list__layout{align-items:center}.blockart-buttons.is-horizontal.is-vertical-alignment-bottom .block-editor-block-list__layout{align-items:flex-end}.blockart-buttons.is-wrap .block-editor-block-list__layout{flex-wrap:wrap}
|
||
|
|
.components-placeholder.blockart-section-preset{background:#fafbff !important;padding:32px 20px;box-shadow:none !important}.components-placeholder.blockart-section-preset .components-placeholder__label{margin:0 auto;font-weight:600}.components-placeholder.blockart-section-preset .components-placeholder__fieldset{justify-content:center;margin-top:32px}.components-placeholder.blockart-section-preset .blockart-section-preset-group{max-width:800px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.components-placeholder.blockart-section-preset .blockart-section-preset-btn{width:105px;height:50px;padding:0 !important;background-color:rgba(0,0,0,0) !important;display:inline-flex;cursor:pointer;outline:none;border:none;box-shadow:none !important}.components-placeholder.blockart-section-preset .blockart-section-preset-btn:hover>i{background-color:#e1eaff}.components-placeholder.blockart-section-preset .blockart-section-preset-btn>i{height:50px;border-left:1px solid #fafbff;background-color:#e2e8f0}.components-placeholder.blockart-section-preset .blockart-section-preset-btn>i:first-child{border:none}.components-placeholder.blockart-section-preset .blockart-section-preset-import-btn{width:100%;text-align:center;margin-top:32px;cursor:pointer}.components-placeholder.blockart-section-preset .blockart-section-preset-import-btn>button{background-color:#2563eb !important;padding:8px 16px !important;font-size:14px;font-weight:600;line-height:21px;color:#fff;border:none;box-shadow:none}.blockart-section-inner>.block-editor-inner-blocks{width:100%}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout{display:flex}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout .blockart-column{width:100%}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout [data-type="blockart/column"]{margin-left:0;margin-right:0}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout [data-type="blockart/column"]:first-child{padding-left:0 !important}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout [data-type="blockart/column"]:last-child{padding-right:0 !important}.blockart-section-inner>.block-editor-inner-blocks>.block-editor-block-list__layout [data-type="blockart/column"]:last-child .components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:none}.blockart-column .block-editor-block-list__layout .block-list-appender{margin:0}
|
||
|
|
div[data-type="blockart/paragraph"]{margin-top:0;margin-bottom:0}
|
||
|
|
.blockart-spacing .is-selected{background:rgba(0,0,0,.1)}
|