html body.toplevel_page_pattern-manager{height:100% !important;background:#fff}.interface-interface-skeleton__html-container{padding-top:0 !important}.toplevel_page_pattern-manager #wpcontent{padding-left:0}#wpfooter{display:none}#wpbody{height:100%;background:#f1f1f1}.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper>*,.editor-styles-wrapper .block-editor-block-list__layout.is-root-container>*,.wp-block{max-width:initial}.components-snackbar{z-index:999999999999;position:fixed;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.2784313725)}#pattern-manager-app{box-sizing:border-box;background:#f1f1f1;font-size:16px}#pattern-manager-app *{box-sizing:border-box !important}#pattern-manager-app .pattern-manager-header-container{z-index:10;position:sticky;display:flex;justify-content:flex-end;align-items:center;width:100%;gap:1.5rem;flex-shrink:0;flex-wrap:wrap;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-left:auto;margin-right:auto;padding:1rem 3rem 1rem 3rem;top:32px}@media(max-width: 782px){#pattern-manager-app .pattern-manager-header-container{top:46px}}#pattern-manager-app .pattern-manager-header-container .header-container-logo{position:relative;margin-right:auto;text-align:center;display:table}#pattern-manager-app .pattern-manager-header-container .header-container-logo .logo-svg{height:30px;width:30px}#pattern-manager-app .pattern-manager-header-container .header-container-logo .logo-title{display:table-cell;font-size:16px;font-weight:600;vertical-align:middle;padding-left:10px;padding-bottom:4px}#pattern-manager-app .pattern-manager-header-container .header-container-inner{display:flex;flex-wrap:wrap;gap:.5rem}#pattern-manager-app .pattern-manager-theme-patterns{width:100%;padding:3rem;border:solid 3rem #f1f1f1}#pattern-manager-app .patternmanager-pattern-editor-loading-outer{justify-content:center;align-items:center;height:100vh;min-height:100%}#pattern-manager-app .patternmanager-pattern-editor-loading-outer .patternmanager-pattern-editor-loading-inner{display:flex;margin-left:auto;margin-right:auto;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100%}#pattern-manager-app .patternmanager-pattern-editor-loading-outer .patternmanager-pattern-editor-loading-inner span{padding-left:.25rem;padding-right:.25rem;font-weight:600}#pattern-manager-app .patternmanager-notice-container{margin-bottom:3rem}#pattern-manager-app .patternmanager-notice-container .patternmanager-notice{margin-left:auto;margin-right:auto;padding-right:12px;padding-left:12px}#pattern-manager-app .patternmanager-notice-container .patternmanager-notice .components-notice__content{margin-right:0}#pattern-manager-app .patternmanager-notice-container .patternmanager-notice .components-notice__content span{margin-left:2px;text-decoration:none}#pattern-manager-app .patternmanager-notice-container .is-error{background-color:#f8ebea}#pattern-manager-app .patternmanager-notice-container .patternmanager-notice:not(:last-child){margin-bottom:2rem}#pattern-manager-app .patternmanager-pattern-editor-columns{width:100%;height:calc(100vh - 64px - 32px);display:grid;grid-template-columns:minmax(200px, 1fr) 280px;-moz-column-gap:0;column-gap:0}#pattern-manager-app .patternmanager-pattern-editor-columns .editor-styles-wrapper{height:100%;padding:0}#pattern-manager-app .patternmanager-pattern-editor-columns .column{position:relative;overflow-y:scroll;background-color:#fff}#pattern-manager-app .patternmanager-pattern-editor-columns .column:first-child{padding-top:0}#pattern-manager-app .patternmanager-pattern-editor-columns .column>:last-child{background:#fff;height:32px;border-top:1px solid #e0e0e0}#pattern-manager-app .patternmanager-pattern-editor-columns .column:last-child{background:#fff}#pattern-manager-app summary::marker,#pattern-manager-app summary::-webkit-details-marker{color:rgba(0,0,0,0);content:"";display:none}#pattern-manager-app summary::after{content:url("data:image/svg+xml,%3Csvg width=%2714%27 height=%278%27 viewBox=%270 0 14 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1.50002 1L7.00002 6L12.5 1%27 stroke=%27%231E1E1E%27 stroke-width=%271.5%27/%3E%3C/svg%3E");display:inline-block;float:right}#pattern-manager-app details[open]>summary::after{transform:rotate(180deg)}.sidebar-closed .sticky{margin-left:60px}.components-modal__content{min-width:90vw;min-height:300px}input[type=checkbox]:checked::before{content:inherit}.components-modal__frame{max-height:90vh;min-height:90vh}.pm-type-boolean>div,.pm-type-string>div{@apply items-center}.pm-type-boolean .pm-label,.pm-type-string .pm-label{@apply col-span-2}.pm-type-boolean .pm-property,.pm-type-string .pm-property{@apply col-span-2}.pm-type-array .pm-label{@apply col-span-2}.pm-type-array .pm-property{@apply col-span-2}.pm-type-array input[type=checkbox],.pm-type-array input[type=radio],.pm-type-array [type=checkbox]:checked,.pm-type-array [type=radio]:checked,.pm-type-boolean input[type=checkbox],.pm-type-boolean input[type=radio],.pm-type-boolean [type=checkbox]:checked,.pm-type-boolean [type=radio]:checked{@apply w-[1.25rem] h-[1.25rem] rounded}.pm-type-array [type=checkbox]:checked,.pm-type-array [type=radio]:checked,.pm-type-boolean [type=checkbox]:checked,.pm-type-boolean [type=radio]:checked{@apply bg-wp-blue}.pm-type-array [type=checkbox]:checked:focus,.pm-type-boolean [type=checkbox]:checked:focus{@apply bg-wp-blue shadow-black}.pm-type-array [type=checkbox]:checked:hover,.pm-type-boolean [type=checkbox]:checked:hover{@apply bg-wp-blue-hover}.pm-font-sizes .pm-label,.pm-font-families .pm-label{@apply col-span-full}.pm-font-sizes .pm-property,.pm-font-families .pm-property{@apply col-span-full}.pm-typography-font-sizes>div,.pm-typography-font-families>div{@apply bg-gray-100 px-5 rounded}.pm-typography-font-sizes>div>div .grid,.pm-typography-font-families>div>div .grid{@apply gap-2 py-4}.pm-duotone .pm-property,.pm-gradients .pm-property,.pm-palette .pm-property{@apply col-span-full}.pm-duotone .pm-label,.pm-gradients .pm-label,.pm-palette .pm-label{@apply col-span-full}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pm-json-nav li{order:10}.pm-json-nav li:nth-child(2){order:1}.pm-json-nav li:nth-child(6){order:2}.pm-json-nav li:nth-child(4){order:3}.pm-json-nav li:nth-child(5){order:4}.pm-nav button:disabled{opacity:.6}.pm-nav ul{background:#1e1e1e;list-style:none;margin:0;padding-left:0;display:flex;border-radius:3px;gap:3px}.pm-nav li{color:#fff;position:relative;text-decoration:none;transition-duration:.3s;margin:0;border-radius:3px}.pm-nav li button{color:#fff;padding:8px 16px;border-radius:3px}.pm-nav li:hover,.pm-nav li:focus-within{background:#404040;cursor:pointer}.pm-nav li:focus-within button{outline:none}.pm-nav ul li ul{background:#1e1e1e;visibility:hidden;opacity:0;min-width:300px;position:absolute;transition:all .5s ease;margin-top:0;left:0;display:none;padding:10px 0;font-weight:400;gap:0}.pm-nav ul li ul li:hover{background:none}.pm-nav ul li ul li ul{left:300px;top:-10px;background:#2f2f2f}.pm-nav ul li ul li button{width:100%;text-align:left;color:#c6c6c6;transition-duration:.3s;padding:11px 16px}.pm-nav ul li ul li button:hover{color:#fff}.pm-nav ul li:hover>ul,.pm-nav ul li:focus-within>ul,.pm-nav ul li ul:hover,.pm-nav ul li ul:focus{visibility:visible;opacity:1;display:block}.pm-nav ul li ul li{clear:both;width:100%}
.pattern-manager-theme-patterns{width:100%;border-radius:2px;background:#fff}@media(max-width: 1024px){.pattern-manager-theme-patterns{border-width:2rem;padding:2rem}}.pattern-manager-theme-patterns .patterns-container-inner{font-size:14px}.pattern-manager-theme-patterns .patterns-container-inner .pattern-columns{display:grid;grid-template-columns:300px 1fr;grid-gap:3rem}@media(max-width: 1200px){.pattern-manager-theme-patterns .patterns-container-inner .pattern-columns{grid-template-columns:220px 1fr}}@media(max-width: 960px){.pattern-manager-theme-patterns .patterns-container-inner .pattern-columns{grid-template-columns:1fr}}.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar{display:block}.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .pattern-search{margin-bottom:2.5rem}.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .pattern-search-count{margin-top:-24px;font-weight:600}@media(max-width: 960px){.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .pattern-categories{display:flex;flex-wrap:wrap;gap:5px}}.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .category{display:block;height:48px;margin-bottom:2px;text-align:left;width:100%}@media(max-width: 960px){.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .category{display:inline-flex;width:unset}}.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .category:not(.category-selected):hover,.pattern-manager-theme-patterns .patterns-container-inner .pattern-inner-sidebar .category:not(.category-selected):focus-visible{background:#f5f5f5;transition:all .2s ease;color:var(--wp-admin-theme-color)}.pattern-manager-theme-patterns .patterns-container-inner .grid-empty{margin-left:auto;margin-right:auto;padding:2.5rem;width:auto;text-align:center;background:#fff;border-radius:.25rem}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid{width:100%;display:grid;grid-template-columns:repeat(3, minmax(300px, 1fr));grid-gap:2rem}@media(max-width: 1729px){.pattern-manager-theme-patterns .patterns-container-inner .inner-grid{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item{position:relative;box-sizing:border-box;margin-bottom:50px;height:-moz-min-content;height:min-content;min-height:300px;border:solid 1px #ddd;border-radius:5px}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item[role=button]{cursor:pointer}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item::before{content:"";display:block}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner{height:100%}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview{display:flex;z-index:0;flex-grow:1;position:relative;height:100%}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview .pattern-loader{position:absolute;top:0;left:0;width:100%;height:300px}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview .pattern-loader::before{display:block;content:" ";border:3px solid rgba(0,0,0,0);border-top:3px solid #c7c7c7;border-radius:50%;width:30px;height:30px;animation:spin .8s linear infinite;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0}70%{opacity:0}100%{opacity:1}}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview .pattern-preview-iframe-outer{position:relative;width:100%;display:flex;align-items:center;border-radius:5px;min-height:300px;overflow:hidden;height:-moz-min-content;height:min-content}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview .pattern-preview-iframe-inner{overflow:hidden}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-inner .item-pattern-preview iframe{animation:.6s ease 0s normal forwards 1 fadein}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions{position:absolute;bottom:20px;width:100%;margin-left:auto;margin-right:auto;padding:20px;opacity:0}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions a.item-action-button{border-right:1px solid #404040}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button{z-index:50;background:rgba(0,0,0,0);cursor:pointer;color:#c6c6c6;height:46px;justify-content:center;padding:15px 20px;transition:.1s ease}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button:hover{color:#fff}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button .item-action-icon{fill:currentcolor;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);width:20px;height:20px;margin-right:4px}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button .item-action-button-text{display:inline-block;position:relative;font-size:15px}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button-separator{position:relative}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions .item-action-button-separator::after{content:"";position:absolute;right:0;border-right:1px solid #404040;top:0;bottom:0}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-actions-inside{background:#1e1e1e;border-radius:6px;display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item:hover,.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item:focus-within{border:1px solid #006ba1;border-radius:5px;transition:all .2s ease-in-out}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item:hover .item-actions,.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item:focus-within .item-actions{opacity:1;transition:all .2s ease-in-out}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-item .item-pattern-preview-heading{display:flex;justify-content:center;background:#fff;padding:1rem;position:absolute;bottom:-52px;width:100%}.pattern-manager-theme-patterns .patterns-container-inner .inner-grid .grid-no-patterns-found{font-weight:400}
