.icon-list,.icon-list-arrow{top:50%;transform:translateY(-50%);position:absolute}:host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;src:url("../webfonts/fa-brands-400.woff2");font-display:swap}:is(.fa-brands)::before{content:var(--fa)/""}.fa-brands{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Pro"));font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.icon-list{left:54px;background:var(--bs-card-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);padding:16px;height:320px;width:264px;z-index:1000;visibility:hidden;opacity:0;transition:.3s ease-in-out}.icon-list.active{visibility:visible;opacity:1}.icon-list-box{height:220px;scrollbar-width:thin;overflow:hidden;overflow-y:auto}.btn-icon-box{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);color:var(--bs-body-color);font-size:20px}.btn-icon-box:hover{background-color:#f4f4f4}.btn-icon-box.active{background-color:var(--bs-primary);border-color:var(--bs-primary);color:#fff}.icon-list-arrow{left:-20px;width:0;height:0;border:10px solid transparent;border-right-color:var(--bs-border-color)}.icon-list-arrow::after{position:absolute;content:'';top:-10px;left:1px;width:0;height:0;border:10px solid transparent;border-left-width:0;border-right-color:var(--bs-card-bg)}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,50px);gap:10px;max-height:250px;overflow-y:auto;border:1px solid #ccc;padding:10px;margin-top:10px}#selected-icon{padding-left:0;padding-right:0;width:54px;display:inline-flex;align-items:center;justify-content:center}#icon-input:focus{background-color:var(--bs-input-bg);border-color:var(--bs-input-border-color);box-shadow:none}