.snippets-generators-view .generators-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.5rem}.snippets-generators-view .generators-search{flex:0 1 18rem}.snippets-generators-view .generators-group+.generators-group{margin-top:2rem}.snippets-generators-view .generators-group-title{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}.snippets-generators-view .generators-group-title .text-soft{font-size:12px;font-weight:400}.snippets-generators-view .generators-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(19rem, 1fr));border:1px solid var(--wpide-border-light);border-radius:var(--wpide-border-radius);background:var(--wpide-card-bg);overflow:hidden}.snippets-generators-view .generators-item{display:flex;align-items:center;gap:1rem;margin:0 0 -1px -1px;padding:1rem 1.125rem;border-left:1px solid var(--wpide-border-light);border-bottom:1px solid var(--wpide-border-light);color:var(--wpide-base-color);transition:background-color .15s ease}.snippets-generators-view .generators-item .icon{flex:none;color:var(--wpide-base-light);transition:transform .15s ease,color .15s ease}.snippets-generators-view .generators-item:hover,.snippets-generators-view .generators-item:focus-visible{background:var(--wpide-lighter)}.snippets-generators-view .generators-item:hover .icon,.snippets-generators-view .generators-item:focus-visible .icon{color:var(--wpide-accent-color);transform:translateX(2px)}.snippets-generators-view .generators-item-text{display:flex;flex:1 1 auto;flex-direction:column;gap:.125rem;min-width:0}.snippets-generators-view .generators-item-text strong{font-weight:600}.snippets-generators-view .generators-item-text span{color:var(--wpide-base-light);font-size:13px;line-height:1.45}.snippets-generators-view .generator-head{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.snippets-generators-view .generator-head .btn-trigger{flex:none}.snippets-generators-view .generator-head-text{flex:1 1 auto;min-width:0}.snippets-generators-view .generator-head-text h5{margin:.25rem 0 .25rem}.snippets-generators-view .generator-head-text p{max-width:48rem;margin:0;color:var(--wpide-base-light)}.snippets-generators-view .generator-use{flex:none}.snippets-generators-view .generator-tabs{width:0;min-width:100%}.snippets-generators-view .generator-form{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.snippets-generators-view .generator-preview{position:sticky;top:0}.snippets-generators-view .generator-preview-head{display:flex;align-items:center;gap:.5rem;min-height:2.875rem;margin-bottom:.25rem;color:var(--wpide-base-light);font-size:13px;font-weight:500}.snippets-generators-view .generator-preview-head .btn{margin-left:auto;gap:.25rem}@media(max-width: 767.98px){.snippets-generators-view .generators-search{flex:1 1 100%}.snippets-generators-view .generators-list{grid-template-columns:1fr}.snippets-generators-view .generator-head{flex-wrap:wrap}.snippets-generators-view .generator-use{flex:1 1 100%;order:3}.snippets-generators-view .generator-preview{position:static}}