.fontpicker,.fontpicker *{box-sizing:border-box;color:#fff;border-color:#001831}.fontpicker{border:1px solid;display:block;position:relative;background:#001831;height:48px;border-radius:6px;color:#fff}.fontpicker__preview{margin-top:6px;-webkit-filter:invert(100%);filter:invert(100%);color:#fff}.fontpicker__search{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0 10px;cursor:pointer;font-size:16px;background-color:#001831;color:#fff}.fontpicker__search:focus{cursor:text;opacity:1;color:#fff}.fontpicker__popout{position:absolute;top:100%;left:0;width:100%;border:1px solid;max-height:calc(12em + 1px);overflow-y:auto;overflow-x:hidden;z-index:50;background-color:#001831;opacity:0;transform:scaleY(.001);transform-origin:top center;color:#fff;transition:opacity .2s ease,transform .2s ease}.fontpicker__popout.open-upward{top:auto;bottom:100%;transform-origin:bottom center}.fontpicker__popout.fontpicker__active{opacity:1;transform:scale(1);color:#fff}.fontpicker__option{color:#fff;background:transparent;-webkit-filter:invert(100%);filter:invert(100%)}.fontpicker__option.selected{background:#21c721;color:#fff}.fontpicker__nomatches{height:2em;line-height:2em;background:#001831;text-align:center;color:#fff}.fontpicker-white *{color:#001831;border-color:#cbd5e1;-webkit-filter:unset!important}.fontpicker-white .fontpicker{background:#fff;color:#001831}.fontpicker-white .fontpicker__preview{color:#001831;-webkit-filter:unset}.fontpicker-white .fontpicker__popout{background:#fff;color:#001831}.fontpicker-white .fontpicker__search,.fontpicker-white .fontpicker__search:focus{background:#fff!important;color:#001831}.fontpicker-white .fontpicker__option{color:#001831;background:transparent;-webkit-filter:invert(100%);filter:invert(100%)}.fontpicker-white .fontpicker__option.selected{background:#de38de;color:#fff}.fontpicker-white .fontpicker__option.selected:before{background:#001831}.fontpicker-white .fontpicker__nomatches{background:#fff;color:#001831}