.sydney-pattern-library-modal{--border-color:#0000001a;--border-color-hover:#0000004d;--color-heading:#1d2327}.sydney-pattern-library-modal>div>div{height:100%}.sydney-pattern-library-modal .components-base-control__field{margin:0}.sydney-pattern-library-modal .components-modal__content{padding:0}.sydney-pattern-library-modal-container{height:100%}.sydney-pattern-library-modal-sidebar{flex-shrink:0;height:100%;position:sticky;top:0;width:240px}.sydney-pattern-library-modal-content{border-left:1px solid var(--border-color);display:flex;flex:1;flex-direction:column;height:100%}.sydney-pattern-library-modal-content h4{color:var(--color-heading);font-size:14px;font-weight:500;letter-spacing:normal;margin:0;text-transform:none}.sydney-pattern-library-modal-content button[role=combobox]{border-color:#c3c4c7!important;border-radius:4px;height:36px!important;min-width:120px!important;padding:8px 10px}.sydney-pattern-library-modal-content button[role=combobox][aria-expanded=true]~span svg{transform:rotate(180deg)}.sydney-pattern-library-modal-content .components-custom-select-control .components-flex,.sydney-pattern-library-modal-content .components-custom-select-control .components-input-control__backdrop{border-color:#c3c4c7!important;border-radius:4px}.sydney-pattern-library-modal-content .components-base-control__label{display:none}.sydney-pattern-library-modal-content [data-dialog]{border:none!important}.sydney-pattern-library-modal-content[data-dialog] .components-custom-select-control__item{line-height:1.1;padding:16px}.sydney-pattern-library-modal-content [data-dialog] [data-active-item]{background-color:#f5f5f5}.sydney-pattern-library-modal-content .components-custom-select-control svg{stroke:#a7aaad;transition:transform .3s ease}.sydney-pattern-library-modal-header{background:#fff;border-bottom:1px solid var(--border-color);height:80px;padding:0 28px;position:sticky;top:0;z-index:10}.sydney-pattern-library-modal-title-container{align-items:center;border-bottom:1px solid var(--border-color);display:flex;height:80px;justify-content:flex-start;padding:0 28px;width:100%}.sydney-pattern-library-modal-title{align-items:center;display:flex;gap:8px;margin:0}.sydney-pattern-library-modal-title svg{height:20px;width:20px}.sydney-pattern-library-modal-sidebar-content{padding:28px;width:100%}.sydney-pattern-library-modal-sidebar-content .components-search-control,.sydney-pattern-library-modal-sidebar-content .sydney-pattern-library-modal-search{margin-bottom:28px}.sydney-pattern-library-modal-grid-container{flex:1;overflow-y:auto;position:relative}.sydney-pattern-library-loading-overlay{align-items:center;background:hsla(0,0%,100%,.85);display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:20}.sydney-pattern-library-spinner{animation:sydney-pattern-library-spin .7s linear infinite;border:3px solid #ddd;border-radius:50%;border-top-color:#007cba;display:block;height:28px;width:28px}@keyframes sydney-pattern-library-spin{to{transform:rotate(1turn)}}.sydney-pattern-library-no-patterns{padding:40px}.sydney-pattern-library-pattern-grid{background-color:#fff;-moz-column-count:2;column-count:2;-moz-column-gap:28px;column-gap:28px;min-height:100%;padding:28px;position:relative}.sydney-pattern-library-pattern-item{background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;overflow:hidden;padding:0;position:relative;text-align:left;transition:box-shadow .15s ease;width:100%;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:28px;transition:all .3s ease}.sydney-pattern-library-pattern-item:hover{border-color:var(--border-color-hover);outline:none}.sydney-pattern-library-pattern-item:focus{box-shadow:0 12px 24px 0 rgba(0,0,0,.08);outline:none;transform:translateY(-2px)}.sydney-pattern-library-pro-badge{background:#1d2327;border-radius:2px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:10}.sydney-pattern-library-pattern-item{min-height:180px}.sydney-pattern-library-pattern-skeleton{animation:sydney-pattern-library-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;inset:0;position:absolute}@keyframes sydney-pattern-library-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sydney-pattern-library-toolbar-btn{align-items:center;cursor:pointer;display:flex;height:36px!important;min-width:36px;padding:0 12px}.sydney-pattern-library-toolbar-btn-text{margin-left:8px}@media (max-width:1200px){.sydney-pattern-library-pattern-grid{-moz-column-count:2;column-count:2}}@media (max-width:782px){.sydney-pattern-library-pattern-grid{-moz-column-count:1;column-count:1}}@media (max-width:960px){.sydney-pattern-library-toolbar-btn-text{display:none}}
