.icon-picker{flex-direction:column;margin-bottom:1.5rem;display:flex}.icon-picker__main{flex-direction:column;gap:.5rem;display:flex}.icon-picker__controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.icon-picker__selected-icon{align-items:center;gap:.5rem;display:flex}.icon-picker__error-btn{--box-shadow:inset 0 0 0 1px var(--color-error-500)!important}.icon-picker__drawer .drawer__content{max-width:750px;max-height:100vh}.icon-picker__drawer .drawer__content-children{flex-direction:column;height:100%;display:flex}.icon-picker__drawer-header{border-bottom:1px solid var(--theme-elevation-150,#e0e0e0);background:var(--theme-elevation-0,#fff);z-index:10;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex;position:sticky;top:0}.icon-picker__categories{flex-wrap:wrap;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.icon-picker__categories::-webkit-scrollbar{height:6px}.icon-picker__categories::-webkit-scrollbar-track{background:var(--theme-elevation-100,#f5f5f5);border-radius:3px}.icon-picker__categories::-webkit-scrollbar-thumb{background:var(--theme-elevation-300,#ccc);border-radius:3px}.icon-picker__categories::-webkit-scrollbar-thumb:hover{background:var(--theme-elevation-400,#999)}.icon-picker__drawer-content{flex-grow:1;padding:0 1rem 1rem;position:relative;overflow:hidden auto}.icon-picker__drawer-content::-webkit-scrollbar{width:8px}.icon-picker__drawer-content::-webkit-scrollbar-track{background:var(--theme-elevation-100,#f5f5f5)}.icon-picker__drawer-content::-webkit-scrollbar-thumb{background:var(--theme-elevation-300,#ccc);border-radius:4px}.icon-picker__drawer-content::-webkit-scrollbar-thumb:hover{background:var(--theme-elevation-400,#999)}.icon-picker__category-header{width:100%;margin-bottom:.75rem;padding:0 0 .5rem}.icon-picker__category-title{color:var(--theme-elevation-700,#555);text-transform:capitalize;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.icon-picker__category-divider{background:var(--theme-elevation-150,#e0e0e0);height:1px}.icon-picker__icon-row{flex-wrap:nowrap;gap:.625rem;width:100%;padding:.5rem 0;display:flex}.icon-picker__icon-cell{flex:none;width:85px;min-width:70px}.icon-picker__icon-button{aspect-ratio:1;border:2px solid var(--theme-elevation-150,#e0e0e0);border-radius:var(--style-radius-s,4px);background:var(--theme-elevation-0,#fff);cursor:pointer;width:100%;color:var(--theme-elevation-800,#333);justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.icon-picker__icon-button svg{flex-shrink:0;width:24px;height:24px}.icon-picker__icon-button:hover:not(:disabled){background:var(--theme-elevation-50,#fafafa);border-color:var(--theme-elevation-400,#999);box-shadow:0 4px 8px var(--theme-elevation-200,#0000001a);transform:translateY(-2px)}.icon-picker__icon-button:active:not(:disabled){transform:translateY(0)}.icon-picker__icon-button:focus{border-color:var(--theme-elevation-500,#4a90e2);box-shadow:0 0 0 3px var(--theme-elevation-100,#4a90e233);outline:none}.icon-picker__icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-picker__icon-button--selected{border-color:var(--theme-elevation-500,#4a90e2);background:var(--theme-elevation-50,#4a90e20d);box-shadow:0 0 0 3px var(--theme-elevation-100,#4a90e233);border-width:3px}.icon-picker__tooltip-wrapper{z-index:1;width:100%;display:block;position:relative}.icon-picker__tooltip-wrapper:hover{z-index:100}.icon-picker__tooltip-wrapper:hover .icon-picker__tooltip{opacity:1;visibility:visible}.icon-picker__tooltip{background:var(--theme-elevation-900,#1a1a1a);color:var(--theme-elevation-0,#fff);border-radius:var(--style-radius-s,4px);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:9999;padding:.375rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 2px 8px #0003}.icon-picker__tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--theme-elevation-900,#1a1a1a);position:absolute;top:100%;left:50%;transform:translate(-50%)}.icon-picker__no-results{text-align:center;color:var(--theme-elevation-500,#888);padding:2rem;font-size:.875rem}.icon-picker__skeleton{flex-direction:column;gap:1rem;display:flex}.icon-picker__skeleton-category{background:linear-gradient(90deg, var(--theme-elevation-100,#f5f5f5) 25%, var(--theme-elevation-150,#e0e0e0) 50%, var(--theme-elevation-100,#f5f5f5) 75%);border-radius:var(--style-radius-s,4px);background-size:200% 100%;width:30%;height:20px;animation:1.5s ease-in-out infinite skeleton-loading}.icon-picker__skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(70px,85px));gap:.625rem;display:grid}.icon-picker__skeleton-item{aspect-ratio:1;background:linear-gradient(90deg, var(--theme-elevation-100,#f5f5f5) 25%, var(--theme-elevation-150,#e0e0e0) 50%, var(--theme-elevation-100,#f5f5f5) 75%);border-radius:var(--style-radius-s,4px);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-cell{align-items:center;gap:.5rem;display:flex}.icon-cell__preview{border-radius:var(--style-radius-s,4px);border:1px solid var(--theme-elevation-150,#e0e0e0);background:var(--theme-elevation-50,#fafafa);width:24px;height:24px;color:var(--theme-elevation-800,#333);justify-content:center;align-items:center;display:flex}@media (max-width:768px){.icon-picker__drawer .drawer__content{max-width:100vw}.icon-picker__icon-cell{width:75px;min-width:60px}.icon-picker__icon-row{gap:.5rem}}@media (max-width:480px){.icon-picker__drawer .drawer__content{max-width:100vw;padding:0}.icon-picker__icon-cell{width:65px;min-width:50px}.icon-picker__icon-row{gap:.375rem}.icon-picker__drawer-content{padding:0 .5rem .5rem}.icon-picker__drawer-header{padding:.5rem}}@media (max-width:380px){.icon-picker__icon-cell{width:55px;min-width:45px}.icon-picker__icon-row{gap:.25rem}.icon-picker__icon-button{padding:.375rem}.icon-picker__icon-button svg{width:16px;height:16px}}
/*# sourceMappingURL=0gpqtrclu~-en.css.map*/