.font-picker{position:relative;width:100%}.font-picker__button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .625rem;border:1px solid #e4e9f0;border-radius:6px;background:#fff;cursor:pointer;text-align:left;font-size:1rem;line-height:1.2;color:inherit}.font-picker__button:focus-visible{outline:2px solid #3b82f6;outline-offset:1px}.font-picker__sample{font-synthesis:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker__chevron{font-size:.75rem;color:#6b7280;flex:none}.font-picker__menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;max-height:340px;overflow-y:auto;background:#fff;border:1px solid #e4e9f0;border-radius:8px;box-shadow:0 8px 24px #10182824;padding:.25rem 0}.font-picker__group+.font-picker__group{border-top:1px solid #eef1f5;margin-top:.25rem;padding-top:.25rem}.font-picker__group-label{padding:.375rem .75rem .125rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;font-family:inherit}.font-picker__option{display:block;width:100%;text-align:left;padding:.375rem .75rem;border:0;background:none;cursor:pointer;font-size:1.0625rem;line-height:1.25;color:#111827;font-synthesis:none}.font-picker__option:hover,.font-picker__option:focus-visible{background:#f3f6fa;outline:none}.font-picker__option--selected{background:#eff6ff;color:#1d4ed8}