.dropdown-list{display:flex;flex-direction:column;width:248px}.gutenify-icon-selector-modal{height:90vh;max-height:none;scroll-behavior:smooth;width:min(95%,1200px)}.gutenify-icon-selector-modal .components-modal__content{overflow:hidden;padding:0}.gutenify-icon-selector-modal .components-modal__content>:nth-child(2){display:flex;gap:24px;height:100%;padding:28px 32px 24px}.gutenify-icon-modal-sidebar-container{border-radius:16px;box-shadow:1px 1px 50px #eee;height:-moz-fit-content;height:fit-content;max-height:100%;padding:16px;width:min(25%,300px)}.gutenify-icon-modal-sidebar-list{align-items:start;border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:16px;padding-bottom:16px}.gutenify-icon-modal-category-btn{align-items:center;background-color:transparent;border:none;border-radius:5px;cursor:pointer;display:flex;gap:8px;outline:none;padding-inline:0;transition:background-color .5s ease;width:100%}.gutenify-icon-modal-category-btn:focus:not(:disabled){box-shadow:none;outline:none}.gutenify-icon-modal-category-icon{background-color:#ebedff;border-radius:5px;margin-bottom:0;padding:4px}.gutenify-icon-modal-category-text{color:#717171;font-size:14px;font-weight:400;line-height:20px;margin:0!important;text-align:start}.gutenify-icon-modal-category-btn.gutenify-icon-modal-active-category,.gutenify-icon-modal-category-btn:hover{background-color:#ebedff;width:100%}.gutenify-icon-modal-category-btn.gutenify-icon-modal-active-category .gutenify-icon-modal-category-icon svg path,.gutenify-icon-modal-category-btn:hover{fill:#4353ff}.gutenify-icon-modal-active-category.gutenify-icon-modal-category-btn .gutenify-icon-modal-category-text{color:#171717}.gutenify-icon-modal-category-btn:focus .gutenify-icon-modal-category-icon svg path{fill:#4353ff}.components-button.is-secondary.gutenify-icon-modal-insert-icon{align-items:center;border:1px solid #171717;border-radius:5px;box-shadow:none!important;display:flex;gap:8px;margin-bottom:8px;margin-top:24px;margin-inline:auto;padding:8px}.components-button.is-secondary.gutenify-icon-modal-insert-icon:focus:not(:disabled){box-shadow:none!important;outline:none!important}.gutenify-icon-modal-insert-icon figure{height:24px;margin:0}.gutenify-icon-modal-insert-icon-text:before{color:#171717;content:"Insert Icon";font-size:clamp(.75rem,.679rem + .357vw,1rem);font-weight:700;line-height:24px;word-wrap:break-word;white-space:nowrap}.gutenify-icon-modal-icon-inserter-preview svg{width:24px}.gutenify-icon-modal-main{width:100%}.gutenify-icon-modal-filters-container{align-items:center;display:flex;gap:16px}.gutenify-icon-modal-search{align-items:center;display:flex;height:40px;width:100%}.gutenify-icon-modal-search span{position:absolute;top:50%;transform:translate(.5rem,-50%)}.gutenify-icon-modal-search .gutenify-icon-modal-search-input{border-radius:5px 0 0 5px;box-shadow:-10px 0 50px #eee;height:40px;outline:none;position:relative;width:100%}.gutenify-icon-modal-search .components-search-control__input-wrapper{height:20px;margin-block:10px;position:relative}.gutenify-icon-modal-search .components-search-control input[type=search]{background-color:#fff;height:20px;padding-inline:40px}.gutenify-icon-modal-search .components-search-control input[type=search]::-moz-placeholder{color:#ddd;font-size:14px;font-weight:400;line-height:20px}.gutenify-icon-modal-search .components-search-control input[type=search]::placeholder{color:#ddd;font-size:14px;font-weight:400;line-height:20px}.gutenify-icon-modal-search .components-search-control input[type=search]:focus{border:none;box-shadow:none;outline:none}.gutenify-icon-modal-search-input .components-search-control__icon{left:.5rem;position:absolute;rotate:0deg;top:45%}.gutenify-icon-modal-search-input .components-search-control__icon svg path{fill:#ddd}.gutenify-icon-modal-search-btn{background-color:#4353ff!important;border:2px solid #4353ff;border-radius:0 5px 5px 0;box-shadow:1px 1px 10px #eee;color:#f8f8f8;font-size:14px;font-weight:400;height:40px;outline:none!important}.gutenify-icon-modal-search-btn:active,.gutenify-icon-modal-search-btn:hover{color:#f8f8f8!important}.gutenify-icon-modal-search-btn:focus{box-shadow:none!important;outline:none!important}.gutenify-icon-modal-dropdown .components-button{align-items:center;background-color:transparent;border:none;border-radius:5px;box-shadow:1px 1px 2px #ddd;display:flex;gap:6px;height:40px;outline:none}.gutenify-icon-modal-dropdown .components-button:hover{background:none!important}.gutenify-icon-modal-dropdown .components-button.is-primary:focus:not(:disabled){background:none!important;box-shadow:1px 1px 10px #eee;outline:none}.gutenify-icon-modal-dropdown .components-button.is-primary:active:not(:disabled){background:none!important;border-color:#ddd;box-shadow:none;outline:none}.gutenify-icon-modal-dropdown .components-button .gutenify-icon-modal-dropdown-text{color:#171717;font-size:12px;font-weight:400;line-height:1px;margin:0}.gutenify-icon-modal-dropdown .components-button .gutenify-icon-modal-dropdown-icon{height:16px;margin:0;transition:.3s}.gutenify-icon-modal-dropdown .components-button[aria-expanded=true] .gutenify-icon-modal-dropdown-icon{transform:rotate(180deg)}.gutenify-icon-modal-dropdown-content .components-popover__content{width:min(100px,100%)}.gutenify-icon-modal-dropdown-content .gutenify-icon-modal-dropdown-content-btn{color:#171717;font-size:12px;font-weight:400;line-height:1px;width:100%}.gutenify-icon-modal-dropdown-content .gutenify-icon-modal-dropdown-content-btn:not(:disabled,[aria-disabled=true]):active,.gutenify-icon-modal-dropdown-content-btn:focus:not(:disabled){box-shadow:none!important;outline:none!important}.gutenify-icon-modal-dropdown-content-btn.components-button:hover:not(:disabled,[aria-disabled=true]){background-color:rgba(196,246,255,.31)}.gutenify-icon-modal-dropdown{position:relative}.gutenify-icon-modal-dropdown-content{width:100px}.gutenify-icon-modal-content-icons-container{border-radius:16px;box-shadow:1px 1px 50px #eee;height:90%;margin-top:20px;overflow:auto;padding:0 16px 16px;width:100%}@media(min-width:600px){.gutenify-icon-modal-content-icons-container::-webkit-scrollbar{width:2px}.gutenify-icon-modal-content-icons-container::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}.gutenify-icon-modal-content-icons-container::-webkit-scrollbar-track{background-color:transparent;border-radius:2px}}.gutenify-icon-modal-content-icons-container .all-icons-sub-section{align-items:left;display:flex;flex-direction:column;gap:40px;width:100%}.web-icons{width:100%}.gutenify-icon-modal-category-title{border-bottom:1px solid #ddd;font-size:14px;font-weight:700;line-height:20px;padding-bottom:8px}.gutenify-icon-modal-ul{display:grid;font-size:small;gap:16px;grid-template-columns:repeat(4,1fr);justify-items:start;margin:24px 0 0}.gutenify-icon-modal-icon-list-item{align-items:center;border-radius:4px;color:#171717;cursor:pointer;display:flex;gap:12px;list-style:none;margin-bottom:0!important;padding:8px;transition:.2s ease-in-out;width:100%}.gutenify-icon-modal-icon-list-item:hover{background-color:#defaff;fill:#3689ff}.gutenify-icon-modal-icon-list-item:hover :where(svg,path){fill:#3689ff}.gutenify-icon-modal-icon-wrap>svg{height:24px;width:24px}.gutenify-icon-modal-icon-list-item:hover .gutenify-icon-modal-icon-name{color:#0c71ff}.gutenify-icon-modal-icon-name{color:#6b6b6b;font-size:11px;font-weight:600;line-height:12.19px}@media(max-width:780px){.gutenify-icon-modal-ul{grid-template-columns:repeat(3,1fr);margin:24px 0 0}.gutenify-icon-modal-sidebar-container{padding:12px}}.gutenify-icon-modal-sidebar-list{gap:8px}.gutenify-icon-modal-category-icon svg{height:20px;width:20px}.gutenify-icon-modal-category-text{font-size:12px}.gutenify-icon-modal-insert-icon{margin-top:16px}.gutenify-icon-modal-insert-icon figure svg{height:20px;width:20px}@media(max-width:600px){.gutenify-icon-selector-modal{margin:2rem 1rem;overflow:auto!important;width:100%}.gutenify-add-icon-modal{align-self:center;margin-inline:15%;width:min(70%,500px)}.gutenify-icon-selector-modal .components-modal__content>:nth-child(2){gap:0}.gutenify-icon-selector-modal .components-modal__content{margin-top:40px}.gutenify-icon-selector-modal .components-modal__header{height:40px;padding:16px}.gutenify-icon-selector-modal .components-modal__content>:nth-child(2){flex-direction:column;overflow:scroll;padding:16px}.gutenify-icon-modal-filters-container{background-color:#fff;gap:8px;left:0;padding-block:.25rem;position:sticky;top:2.6rem;width:100%;z-index:0}.gutenify-icon-modal-content-icons-container{height:-moz-fit-content;height:fit-content;overflow:unset;padding-top:1px;width:100%}.gutenify-icon-modal-category-text{display:none}.gutenify-icon-modal-sidebar-list{border-bottom:none;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;padding-bottom:0;width:-moz-fit-content;width:fit-content}.gutenify-icon-modal-sidebar-container{align-items:center;background-color:#fff;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;position:sticky;top:-1rem;width:100%;z-index:1}.components-button.is-secondary.gutenify-icon-modal-insert-icon{align-items:center;background:#ebedff;border:none;box-shadow:none;display:flex;gap:4px;height:30px;margin:0 0 0 5%;outline:none;padding:0 5px;width:-moz-fit-content;width:fit-content}.gutenify-icon-modal-insert-icon-text:before{content:"Icon";font-weight:400;padding:0 4px}}@media(max-width:480px){.gutenify-icon-modal-ul{grid-template-columns:repeat(2,1fr)}.gutenify-icon-selector-modal .components-modal__content>:nth-child(2){padding:16px 4px}}@media(max-width:350px){.gutenify-icon-modal-filters-container{align-items:start;flex-direction:column}.gutenify-icon-modal-search{width:100%}.gutenify-icon-modal-ul{grid-template-columns:repeat(2,1fr)}}
.gutenify-custom-icon-preview svg{width:24px}.gutenify-custom-list-color-panel.components-grid.components-tools-panel{border-top:0;grid-column:1/-1;margin-top:0;padding:0}.gutenify-custom-list-color-panel.components-grid.components-tools-panel .first{margin-bottom:-1px;margin-top:0}