vue3-icon-picker/dist/style.css

Vue 3 icon picker

[data-v-52c6f769] svg{display:block;width:var(--550c039b);height:var(--550c039b);color:var(--4b957f09)}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v3ip__custom-select[data-v-85d01cbe]{position:relative;width:100%;text-align:left;outline:none;height:36px;line-height:36px;min-width:200px}.v3ip__custom-select .v3ip__selected[data-v-85d01cbe]{background-color:#fff;border-radius:6px;border:1px solid rgb(224,224,230);color:#333639;padding-left:1em;padding-right:1.4em;cursor:pointer;user-select:none;min-height:36px;display:flex;align-items:center}.v3ip__custom-select .v3ip__selected .multiple[data-v-85d01cbe]{align-items:center;display:flex}.v3ip__custom-select .v3ip__selected .multiple .item[data-v-85d01cbe]{display:inline-block;margin-right:10px}.v3ip__custom-select .v3ip__selected .placeholder[data-v-85d01cbe]{color:silver}.v3ip__custom-select .v3ip__selected.open[data-v-85d01cbe]{border:1px solid #c2c2c2;border-radius:6px 6px 0 0}.v3ip__custom-select .v3ip__selected.open[data-v-85d01cbe]:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);top:12px}.v3ip__custom-select .v3ip__selected[data-v-85d01cbe]:after{position:absolute;content:"";top:17px;right:1em;width:0;height:0;border:5px solid transparent;border-color:#333639 transparent transparent transparent}.v3ip__custom-select .v3ip__selected.disabled[data-v-85d01cbe]{cursor:default;background-color:#f5f5f5}.v3ip__custom-select .v3ip__items[data-v-85d01cbe]{color:#222;border-radius:0 0 6px 6px;overflow:hidden;border-right:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;position:absolute;background-color:#fff;left:0;right:0;z-index:1;max-height:225px;overflow-y:auto;display:flex}.v3ip__custom-select .v3ip__items div[data-v-85d01cbe]{color:#222;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center;height:40px}.v3ip__custom-select .v3ip__items div[data-v-85d01cbe]:hover{background-color:#f3f3f5}.v3ip__custom-select .v3ip__items div.active[data-v-85d01cbe]{background-color:var(--a4799494)}.v3ip__search[data-v-85d01cbe]{width:100%;display:flex;justify-content:center;position:relative;z-index:1}.v3ip__search input[data-v-85d01cbe],.v3ip__search input[data-v-85d01cbe]:focus-visible{width:100%;border-radius:0;line-height:30px;border:1px solid #c2c2c2;border-top:none;padding-right:1em;padding-left:1em}.v3ip__search input[data-v-85d01cbe]:focus-visible{border:1px solid #858585;outline:0}.v3ip__empty[data-v-85d01cbe]{border-radius:0 0 6px 6px;border-right:1px solid #c2c2c2;border-left:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;background-color:#fff;padding-bottom:5px;padding-top:5px;position:relative;z-index:1}.v3ip__empty>.default-text[data-v-85d01cbe]{text-align:center}.fade-enter-active[data-v-85d01cbe],.fade-leave-active[data-v-85d01cbe]{transition:opacity .25s ease}.fade-enter-from[data-v-85d01cbe],.fade-leave-to[data-v-85d01cbe]{opacity:0}