.google-fonts-browser{flex-direction:column;width:300px;display:flex}.google-fonts-browser-header{border-bottom:1px solid var(--mantine-color-default-border)}.google-fonts-browser-item{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;transition:background-color .1s;display:flex}.google-fonts-browser-item:hover{background-color:var(--mantine-color-default-hover)}.google-fonts-browser-item[data-added=true]{cursor:default;opacity:.65}.google-fonts-browser-item-info{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.google-fonts-browser-item-info>span:first-child{flex:1;min-width:0}.google-fonts-browser-item-action{flex-shrink:0}.font-picker-selected{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.font-picker-placeholder{color:var(--mantine-color-placeholder);font-size:13px}.font-picker-dropdown{max-width:300px}.font-picker-dropdown:has(.google-fonts-browser){max-width:340px;width:fit-content!important}.font-picker-option{padding:6px 10px;font-size:14px;line-height:1.4}.font-picker-option span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.font-picker-add-more{width:100%;color:var(--mantine-color-primary-6);border-top:1px solid var(--mantine-color-default-border);cursor:pointer;justify-content:center;align-items:center;padding:8px 10px;font-size:12px;font-weight:500;transition:background-color .1s;display:flex}.font-picker-add-more:hover{background-color:var(--mantine-primary-color-light-hover)}