.fontpicker,.fontpicker *{box-sizing:border-box}.fontpicker{border:1px solid;display:block;position:relative}.fontpicker__preview{-webkit-filter:invert(100%);filter:invert(100%)}.fontpicker__search{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;padding:0 10px;cursor:pointer;font-size:16px}.fontpicker__search:focus{cursor:text;opacity:1}.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:2;background:#555;opacity:0;transform:scaleY(.001)}.fontpicker__popout.fontpicker__active{opacity:1;transform:scale(1)}.fontpicker__nomatches{height:2em;line-height:2em;background:#555;text-align:center;color:#eee}.fontpicker,.fontpicker__nomatches,.fontpicker__option,.fontpicker__popout,.fontpicker__search{background:#fff}.fontpicker__option.selected{background:#5635ff}.fontpicker,.fontpicker__popout{border:1px solid #e5e7eb;border-radius:4px}.fontpicker__popout{margin-top:4px;padding-top:4px}.fontpicker__search{border-radius:4px;font-size:13px}.fontpicker__preview{-webkit-filter:unset;filter:unset}.fontpicker__option.selected>[class^=font-preview-]{-webkit-filter:invert(100%);filter:invert(100%)}.fontpicker__nomatches{font-size:13px;color:#b5b5b5}.fontpicker__preview,[class^=font-preview-]{transform:scale(.8);transform-origin:left}.font-preview-usedefault{background-image:url(/_next/static/media/use_default.2e4d0f5d.png)}.font-preview-work_sans_semibold{background-image:url(/_next/static/media/work_sans_semibold.e0000ff9.png)}